VSCode 不会自动完成 HTML

Question

我在 Windows 7 上安装新的 Visual Studio Code 时遇到问题。在 Mac 上，编辑器会自动关闭 html 标签，但在我的 Win7 上不会。 我认为必须有一些选项可以打开它，但我找不到任何选项。

我说的是什么时候，例如。 写<html会弹出intelliSense 然后点击回车，通常它会自动放入</html>我的不工作。 （IntelliSense 会弹出，但是当您选择其中一个选项时，它不会自动关闭标签： <h1> -> </h1> ）

Answer 1

输入标签名称（不以<开头）然后按 Tab

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

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

例如 ：

1. 类型<div
2. 按 T​​ab
3. 按 T​​ab

它将添加结束标签

Answer 2

我遇到了同样的问题，然后我在 vs code 的右下角看到了一些东西。我没有使用 HTML，而是使用 Django-HTML，所以我将语言更改为 html，Boom 一切都再次正常工作。 看图片

Answer 3

来自0.3.0 发行说明

标签的 HTML 自动关闭现在已被删除，并在</上用更智能的 IntelliSense 替换。

Answer 4

这是一个很酷的技巧（实际上是 Emmet 的缩写） ：

• 写标签名| 例如h1
• 之后添加一个星号| 例如h1*
• 按T​​ab | （将导致<h1></h1> ）

_{PS：这也适用于自闭合标签，例如 - input ， img等。}

Answer 5

1. 按Ctrl + Shift + P打开命令面板。
2. 在搜索器中输入“更改语言模式” 。
3. 选择“更改语言模式” 。
4. 在搜索器中输入“HTML” 。
5. 并选择“HTML” （可能设置为“django-html”）

Answer 6

你可以试试这个 VS Code 的扩展。 它实现了自动关闭标签功能，将满足您的要求：

• 键入开始标签的右括号时自动添加结束标签
• 插入结束标签后，光标在开始和结束标签之间

Answer 7

从 Django-html 更改为 html 。

Answer 8

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

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

Answer 9

按𝐜𝐭𝐫𝐥+++𝐏- >键入𝐂𝐡𝐚𝐧𝐠𝐞𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞𝐌𝐨𝐝𝐞->然后选择𝐀𝐮𝐭𝐨𝐀𝐮𝐭𝐨𝐃𝐞𝐭𝐞𝐜𝐭𝐃𝐞𝐭𝐞𝐜𝐭

这个对我有用。

Answer 10

文件 > 首选项 > 键盘映射，搜索“自动关闭”并单击安装。 如果它不起作用，请重新加载插件。

Answer 11

如果您想保留“Django HTML”作为文件语言并且仍然有自动关闭标签，只需将以下内容添加到settings.json （前提是您安装了auto close tag扩展）：

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

Answer 12

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

Answer 13

只需检查您的 vscode 底部并将语言模式更改为 HTML 它可能一直显示 django-html 或单击 ctrl + shift + p 更改语言模式截图

现在点击 [!] + TAB 瞧它完成了！！！

Answer 14

如果你输入

div.class

然后按TAB ，VS 代码会自动关闭带有给定CLASS的DIV标签

但我认为您想通过按ENTER键来执行此操作。

在这种情况下，请转到您的 VS Code 用户设置并粘贴以下代码：

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

现在如果你输入

div.class

& 然后按ENTER键，你就可以看到神奇的了。

但是，上面的代码将使您的 VS Code 使用ENTER键自动完成，不仅适用于普通HTML ，而且适用于React 的 JSX ， Vue.js 片段也将被此覆盖。

但是，如果您只想对 HTML 文件执行此操作，则以下行就足够了：

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

干杯..

Answer 15

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

Answer 16

1. 列表项转到设置：文件 -> 首选项 -> 设置（在 Ubuntu 中为 CTRL + COMMA 快捷键）。
2. 在搜索栏中输入Emmet 。
3. 在选项卡上找到触发器扩展并检查它。

Answer 17

如果 HTML 标签自动补全问题是在 JavaScript 文件上，那么您只需将“选择语言模式”从“JavaScript”更改为“JavaScript React”。