Visual Studio：在嵌入式babel脚本中自动完成HTML标记
Sam*_*Sam 16 html javascript babel reactjs visual-studio-code
我有一个带有嵌入式babel脚本的html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>React tutorial</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.2/browser.min.js"></script>
</head>
<body>
<div id="app"></div>
<script type="text/babel">
</script>
</body>
</html>
我希望在babel脚本中输入内容时
<script type="text/babel">
</script>
然后输入类似<div>该软件的内容</div>，方法是在
Visual Studio市场上的auto close tag扩展程序和sublime babel扩展程序都无法做到这一点。
我也跟着的建议这篇文章，并创建了一个名为文件.vscode/settings.json包含
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"emmet.triggerExpansionOnTab": true
"emmet.includeLanguages": {
"javascript": "html"
}
而且这也没有效果。
这对我很有效。你确定你做的一切都是正确的吗？
{
"emmet.includeLanguages": {
"javascript": "html"
}
}
您可以删除该文件并重新添加吗？就是我扔的东西。
来源 ：
https://code.visualstudio.com/docs/languages/html
https://docs.emmet.io/cheat-sheet/