VSCode无法自动完成HTML

85

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

我说的是什么时候。写<html智能感知弹出，你点击进入，通常它会自动在放</html>矿不工作。（智能感知弹出但是当你选择它不会自动关闭标签的选项之一：<h1> -> </h1>）

html intellisense visual-studio-code

— 哈维3589661
source

1.您可以使用自动关闭标签，它可以满足您的要求。

— 嘉林王

2

2.输入一个诸如div的标记名，然后输入两次tab键，它将自动完成whoe标记-----> <div> </ div>

— wang

40

从0.3.0发行说明中

标记的HTML自动关闭功能现已删除，并替换为更智能的IntelliSense </。

— 约翰·帕帕
source

5

哦，那不是我希望的。有什么办法把它带回来吗？修改一些文件或下载某些内容？我想使用VSCode但要自动完成。谢谢。

— Harvey3589661 2015年

56

我也在寻找这个，但我确实注意到在0.10.6中使用制表符对我有效。例如，键入div（不带<>），然后立即按Tab键，然后输入<div></div>。不完全相同，但可能有用。Doco提供这些快捷方式（emmet）的地方

— peterc 2015年

3

是的，这归功于Emmet。Emmet让我们键入不带花括号的元素名称，它将添加需要的内容。它真的很强大。

— John Papa

1

这在VS Code 1.5.3上对我不起作用。如果键入<div>，则</不会关闭/完成标记。我在这里想念什么吗？

— Michael Giovanni Pumo

2

在最新更新之后，仅键入div不带<>然后按Tab键将不再起作用。有办法重新启用此功能吗？

— Kokodoko

170

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

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

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

例如：

类型 <div
按Tab
按Tab

它将添加结束标签

— 拉波夫
source

2

自闭标签（例如<input />）如何？

— 兰德尔·弗拉格

1

只需键入输入并按两次Tab键，VS Code就会自动将其完成为<input type =“ text”>

— Amit Mittal

1

只是要补充一点，这是Emmet功能的一部分，它使您可以轻松生成更复杂的HTML结构，而不仅仅是标记对。例如，您可以阅读this，也可以通过google搜索Emmet。

— Alex Che

@Rabolf能否提及VS Code的其他一些很酷的HMTL快捷方式？

— eMad

不幸的是，@ eMAD我没有继续使用VS Code

— Rabolf

52

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

— Siphamandla Hero Ngwenya
source

遇到类似的问题，但就我而言，我意识到自己正在将HTML写入PHP文件。假设我将不能一直使用自动关闭标签。

— Prometheus

21

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

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

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

— ɢʀᴜɴᴛ
source

1

@Kokodoko是的，它确实 :P

— ɢʀᴜɴᴛ

真是太不可思议了.....我不确定要更改哪种设置才能重新启用它...

— Kokodoko

1

@Kokodoko您应该已安装emmet扩展名。

— Sudhanshu

此方法有效，但无需包含*。1.21.0

— 调味

1

@BlueClouds是的，任何提供html缩写支持的文件都应该起作用。按照一般规则，我将最大安装次数与该安装次数结合使用。

— Sudhanshu

15

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

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

— 韩俊
source

这就是我所需要的。现在可以像Brackets一样工作，很棒。谢谢！

— Harvey3589661

是的，但是...在早期版本的VS Code中启用了它。这不仅是settings.json迷宫中的某个设置吗？

— Kokodoko

7

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

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

— XX
source

5

按Ctrl + Shift + P打开命令面板。
键入“更改语言模式”的搜索。
选择“更改语言模式”。
键入“HTML”中的搜索。
然后选择“ HTML”（可能已设置为“ django-html”）

— 卡皮
source

3

按𝐜𝐭𝐫𝐥+𝐬𝐡𝐢𝐟𝐭+𝐏->键入𝐌𝐨𝐝𝐞->然后选择𝐀𝐮𝐭𝐨

这个对我有用。

— 苏瓦拉克希米
source

1

我没有在此答案中看到任何新内容

— Vega

2

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

— 德曼·班达卡
source

1

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

— 5hifaT
source

0

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

— 阿里
source

0

您只需查看vscode的底部，并更改语言模式，以HTML它可能已经呈现Django的HTML或点击Ctrl + Shift + P更改语言模式截图

现在单击[！] + TAB瞧！

— 音邦
source