VSCode not auto completing HTML

I'm having trouble with my new installed Visual Studio Code on Windows 7. On Mac the editor automatically closes html tags but on my Win7 not. I assume there must be some option to turn it on but I can't find any.

I'm talking about when eg. writing <html the intelliSense pops up and you click enter, usually it automatically puts in the </html> mine's not working. (The IntelliSense pops up but when you select one of the options it doesn't auto close the tag: <h1> -> </h1>)

178226 次浏览
小开
最佳答案

From the 0.3.0版本说明

HTML 自动关闭标记现在已经被删除，取而代之的是 </上更智能的智能感知。

小开

键入标记名称(不要启动 <) ，然后按 Tab

例如键入 div，然后按 Tab 键，VS 会将其转换为 <div></div>

或者键入开始标记，然后按 Tab 两次

例如:

  1. type <div
  2. 按 Tab
  3. 按 Tab

它将添加结束标记

小开

You could try this 分机 for VS Code. It has implemented the auto close tag function and would meet with your requirement:

  • 在开始标记的括号中键入结束标记时自动添加结束标记
  • 插入结束标记后，光标位于开始标记和结束标记之间
小开

这里有一个很酷的技巧:

  • write the tag name ­ | e.g. h1
  • 后加星号 -|，例如 h1*
  • 按 Tab-|(结果为 <h1></h1>)

­

PS: 这也适用于自闭式标签，如-input、 img等。

小开

文件 > 参数设定 > 键盘地图, 搜索“自动关闭”并点击安装。 如果它不工作，重新加载插件。

小开

我也遇到了同样的问题，然后我在右下角的 vs 代码上看到了一些东西。.我没有使用 HTML，而是使用了 Django-HTML，所以我把语言改成了 HTML，嘣，一切都恢复正常了

小开

我在 Mac Sierra (10.12.6)和 VSCode (1.30.2)编辑 HTML 文件时遇到过同样的问题。根据 vscode 文档 https://code.visualstudio.com/docs/languages/html，智能感知应该开箱即用。

原来“语言检测”(在屏幕底部编辑器状态栏的右角)被设置为自动检测，并识别出文件为 django-html。当手动切换回纯 Html 时，一切正常。

小开

我也遇到了同样的问题，然后我卸载了来自 VS Code 的不必要的扩展以及 JavaScript (SE)扩展，它对我很有用。

小开
  1. 按 Ctrl + Shift + P打开命令面板。
  2. 在搜索器中键入 「改变语言模式」。
  3. 选择 「改变语言模式」。
  4. 在搜索器中键入 'HTML'。
  5. 然后选择 'HTML'(它可能被设置为‘ django-html)
小开

按 Ctrl + Shift + P打开命令。 然后，键入 Change Language Mode一个选择 HTML或任何其他所需的语言。

小开

只需检查 vscode 的底部并将语言模式更改为 HTML 它可能显示了 django-html or click ctrl + shift + p to change the language mode 截图

现在点击[ ! ] + TAB 瞧，搞定了! ! ！

小开

按 𝐜𝐭𝐫𝐥+𝐬𝐡𝐢𝐟𝐭+𝐏—— > 键入“更改语言模式”—— > 然后选择“自动检测”

对我有用。

小开

如果你打字的话

Div.class

然后按 TAB，VS 代码将自动关闭 DIV标签与给定的 同学们

But I think you want to do this operation by pressing the 进入 key.

在这种情况下，进入您的 VS 代码用户设置并粘贴以下代码:

"emmet.includeLanguages": {
"javascript": "javascriptreact",
"vue-html": "html",
"razor": "html",
"plaintext": "jade"
}

Now if you type

Div.class

& 然后按下 进入键，你就会看到魔力。

However, the above code will make your VS Code auto-completion with 进入 key not only for normal 超文本标示语言 but also the 反应的 JSX, Vue.js snippets will also cover by this.

但是，如果只想对 HTML 文件执行此操作，只需要以下代码行即可:

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

干杯。

小开
  1. 列出项目 Goto Settings: File-> Preferences-> Settings (Ubuntu 中的 CTRL + COMMA 快捷键)。
  2. 在搜索栏中键入 埃米特。
  3. Find 选项卡上的触发扩展 and check it.
小开

从 Django-html 更改为 html。enter image description here

小开

如果您想保留“ Django HTML”作为文件语言，并且仍然有自动关闭标记，只需将以下内容添加到 settings.json(假设您已经安装了 auto close tag扩展名) :

  "auto-close-tag.activationOnLanguage": [
"django-html",
(...other languages if needed)
],
小开

如果 HTML 标签自动完成的问题是在 JavaScript 文件，那么您只需要改变“选择语言模式”从“ JavaScript”到“ JavaScript 反应”。


提交答案