VSCode没有自动完成HTML

Har*_*661 73 html intellisense visual-studio-code

我在Windows 7上安装了新安装的Visual Studio代码时出现问题.在Mac上,编辑器会自动关闭html标签但不在我的Win7上.我认为必须有一些选项来打开它,但我找不到任何.

我在说什么,比如说.编写<html智能手表弹出,然后单击输入,通常它会自动放入</html>矿井不工作.(智能感知弹出但是当你选择其中的一个选项不会自动关闭标签:<h1> -> </h1>)

Rab*_*olf 155

输入标签名称(不启动<),然后按Tab键

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

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

例如 :

  1. 类型 <div
  2. 按Tab键
  3. 按Tab键

它会添加结束标记

  • 它对我不起作用。我还需要检查什么吗? (3认同)
  • 自闭标签(例如<input />)怎么样? (2认同)
  • 只想补充一点,这是 Emmet 功能的一部分,它允许您轻松生成更复杂的 HTML 结构,而不仅仅是标签对。例如,您可以阅读 [this](https://designshack.net/articles/css/7-awesome-emmet-html-time-saving-tips/),或者只是谷歌搜索 Emmet。 (2认同)

Joh*_*apa 33

0.3.0发行说明

HTML自动关闭标签现已被删除,取而代之的是更智能的IntelliSense </.

  • 我也在寻找这个,但我确实注意到在0.10.6中使用tab工作.例如,输入`div`(不带`<>`)然后立即按Tab键,它进入`<div> </ div>`.不完全相同,但可能有用.Doco这些快捷方式(emmet)[这里](http://docs.emmet.io) (49认同)
  • 哦,那不是我希望的.有什么方法可以把它带回来吗?修改一些文件或下载一些东西?我想使用VSCode,但自动完成.谢谢. (4认同)
  • 是的,这是由于Emmet.Emmet让我们在没有大括号的情况下键入元素名称,它将添加所需的内容.它真的很强大. (3认同)
  • 这在 VS Code 1.5.3 上对我不起作用。如果我输入 &lt;div&gt; 然后 &lt;/ 它不会关闭/完成标签。我在这里缺少什么吗? (2认同)
  • 在最新更新之后,仅输入不带&lt;&lt;&gt;的div并按tab不再起作用。有办法重新启用此功能吗? (2认同)

Sip*_*nya 20

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

  • 不需要更改语言,只需添加到settings.json "emmet.includeLanguages": { "django-html": "html"} (3认同)
  • 你刚刚救了我,我已经被这些困扰了几个月,直到今天我有时间研究它,当我得到你的答案时,我完全打算重新安装 vs 并重新开始。惊人的。 (3认同)

ɢʀᴜ*_*ᴜɴᴛ 19

这是一个很酷的技巧(实际上是Emmet的缩写):

  • 写标签名称| 例如h1
  • 后添加一个星号| 例如h1*
  • | (将导致)Tab<h1></h1>

­

PS:这也适用于自闭的标签,如: - input,img等等.


Jun*_*Han 15

你可以尝试VS Code的这个扩展.它已实现自动关闭标记功能,并符合您的要求:

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


小智 12

  1. Ctrl + Shift + P打开命令面板。
  2. 键入“更改语言模式”的搜索。
  3. 选择“更改语言模式”
  4. 键入“HTML”中的搜索。
  5. 并选择'HTML'(它可能被设置为'django-html)


X.X*_*X.X 7

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

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


小智 7

从 Django-html 更改为 html 。在此处输入图片说明


小智 6

++--> 输入 --> 然后选择

这个对我有用。

  • 我在这个答案中没有看到任何新内容 (2认同)

小智 5

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