Visual Studio程式码:在嵌入的Babel脚本中自动完成HTML标记

3qpi33ja  于 2022-12-08  发布在  Babel
关注(0)|答案(2)|浏览(212)

我有一个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>

我希望当我在巴别塔脚本中输入时

<script type="text/babel">

    </script>

我键入类似<div>的内容,软件会通过在
无论是auto close tag扩展还是来自visual studio marketplace的sublime babel extension都无法做到这一点。
我还遵循了this post的建议,创建了一个名为.vscode/settings.json的文件,其中包含

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

而这也没有任何效果。

agxfikkp

agxfikkp1#

对我很有效。你确定你做的都对吗?

{
    "emmet.includeLanguages": {
        "javascript": "html"
     }
}

你能删除文件再添加一次吗?就是我扔的。
资料来源:
https://code.visualstudio.com/docs/languages/html
https://docs.emmet.io/cheat-sheet/

x9ybnkn6

x9ybnkn62#

javascript - Support for script type="text/babel" in Visual Studio Code
也许你想看看,这个问题是以前讨论和解决.至于我的想法,VS代码使用regex的intellisense和当我看着这些regex代码,我已经看到了Babel,但它没有工作在一个毫无意义的方式对我来说太.

相关问题