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, но для меня это тоже не работало бессмысленно.
Ответ 2
Это сработало на меня. Вы уверены, что все сделали правильно?
{
"emmet.includeLanguages": {
"javascript": "html"
}
}
Можете ли вы удалить файл и добавить его снова?
Только то, что я бросил.
Источник:
https://code.visualstudio.com/docs/languages/html
https://docs.emmet.io/cheat-sheet/