Question

我有一个带有嵌入式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>来自动完成结束标签

视觉工作室市场的auto close tag扩展名和sublime babel extension都无法做到这一点。

我还遵循this post的建议，创建了一个名为.vscode/settings.json的文件，其中包含

"emmet.includeLanguages": {
    "javascript": "javascriptreact"
},
"emmet.triggerExpansionOnTab": true
"emmet.includeLanguages": {
    "javascript": "html"
}

这也没有效果。

Answer 1

他为我工作。您确定您做对了所有事情吗？

zawk 'awk logic goes here' log*.gz

您可以删除文件并再次添加吗？就是我扔的东西。

来源：

https://code.visualstudio.com/docs/languages/html

https://docs.emmet.io/cheat-sheet/

Answer 2

javascript - Support for script type="text/babel" in Visual Studio Code

也许您想看看，此问题已在前面讨论和解决。就我的想法而言，VS Code使用正则表达式进行智能感知，当我查看这些正则表达式代码时，我已经看到babel了，但是它对我也没有任何意义。

Visual Studio：在嵌入式babel脚本中自动完成HTML标签

2 个答案: