VSCode HTML自动补全

小蓝 • 2024-12-31 11:48 • 编程

在使用VSCode编写HTML代码时，有些人不需要自动补全功能，或者是觉得它干扰到了他们的编码流程。在这种情况下，他们可能想知道如何取消VSCode HTML自动补全。

如果你想取消VSCode HTML自动补全，只需打开VSCode设置并搜索“html.suggest.enabled”设置项。将其值从“true”更改为“false”即可取消自动补全功能。

"[html]": {
  "editor.suggest.enabled": true
}

VSCode HTML自动排版是一种非常有用的功能。当你编写HTML代码时，它会自动对代码进行缩进和格式化，使代码更易于阅读。这对于维护和修改现有代码非常有帮助。

在VSCode中启用自动排版，只需打开VSCode设置，并搜索“editor.formatOnSave”设置项。将其值从“false”更改为“true”即可启用自动排版。

"[html]": {
  "editor.formatOnSave": true
}

VSCode支持自动补全HTML框架的功能。当你输入HTML标记时，它将在自动补全列表中提供标记的完整结构。

例如，在输入<table>标记时，VSCode将在自动补全列表中提供<thead>、<tbody>和<tfoot>标记。

<table>
  <thead>
    
  </thead>
  <tbody>
    
  </tbody>
  <tfoot>
    
  </tfoot>
</table>

VSCode可以自动补全HTML代码，使代码编写速度更快。例如，当你输入“<li>”时，VSCode将提示使用“</li>”完成标记。

此外，VSCode还可以自动补全属性和CSS样式。

<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>

在某些情况下，VSCode自动补全可能会出现卡顿的情况。这可能是由于过多的自动补全建议或计算机速度不足等原因造成的。

如果你在编码过程中遇到了这种问题，可以尝试禁用有争议的VSCode自动补全功能或提高计算机的速度。

当你输入HTML代码时，VSCode会自动补全标记。例如，如果你输入“<a>”，VSCode将自动补全标记关闭标记“</a>”。

编写HTML代码时，VSCode可以自动补全标记、属性和样式等常见元素。这使得编写代码变得更快、更容易。

<div>
  <h1></h1>
  <img src="" alt="">
  <p></p>
  <a href=""></a>
</div>

VSCode有许多支持自动补全的扩展插件。其中一些插件可以提供更准确的自动补全功能和更智能的建议，并支持多种编程语言。

例如，HTML CSS Support可以为HTML和CSS提供更好的自动补全和智能提示。

在编写HTML代码时，你经常需要使用引号来标记属性值。VSCode可以自动补全引号，使编码更加快速。

当你输入属性时，VSCode会自动添加引号并将光标放在引号内。

<img src="" alt="">

在VSCode中，你可以使用Tab键或Enter键来选择自动补全建议中的内容。

如果你不想使用自动补全建议中的第一个选项，可以使用方向键来浏览建议选项。

可以使用Ctrl+Space键强制打开自动补全建议列表。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/302931.html