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

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

11 голосов
/ 08 марта 2019

У меня есть html-файл со встроенным скриптом babel 

<!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 * , ни возвышенное Расширение babel из магазина Visual Studio смогло сделать это.

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

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

И это тоже никак не отразилось.

Ответы [ 2 ]

3 голосов
/ 08 июня 2019

VS Code

Он работал на меня.Вы уверены, что все сделали правильно?

Emmet HTML

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

Можете ли вы удалить файл и добавить его снова?Как раз то, что я бросил.

Источник:

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

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

0 голосов
/ 10 июня 2019

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

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

...