Visual Studio: автоматическое заполнение HTML-тегов внутри встроенного сценария Babel

У меня есть HTML файл со встроенным скриптом Babel внутри него

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>React tutorial</title>
    <script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
    <script src="https://unpkg.com/[email protected]/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 не смогли этого сделать.

Я также последовал совету этого поста и создал файл с именем .vscode/settings.json, который содержит

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

И это тоже не имело никакого эффекта.

Ответ 1

JavaScript - поддержка сценария type = "text/babel" в коде Visual Studio

Может быть, вы хотите посмотреть, этот вопрос ранее обсуждался и решался. Что касается моих мыслей, то, что VS Code использует regex для intellisense, и когда я смотрел на эти regex коды, я уже видел babel, но для меня это тоже не работало бессмысленно.