Question

我刚刚从Netbeans切换到用于Web开发的Visual Studio Code，并且正在寻找解决方案。在Netbeans中，如果我忘记在标记名上使用右括号，它将指示我的错误，红色波浪形下划线，以及左边距的警报。

我认为错误检查是像web代码一样的web开发编辑器中的基本功能。也许我只是找不到合适的选项或扩展名。

如何在VS Code中实现相同的html，css错误检查行为？

Answer 1

默认情况下，VSCode没有HTML验证。但它允许您添加扩展并启用这些功能。

要添加HTML验证（linting），请打开VSCode，然后按Ctrl + P，然后在其中粘贴ext install HTMLHint，然后按Enter键。它将安装HTML验证器。您可能需要重新加载VSCode才能加载扩展名。

现在，如果您打开相同的html文档时出现语法错误，您应该会看到底部状态栏显示的问题:)它还会显示这些行中的错误。

Answer 2

VS Code默认支持代码格式化并跟踪语法错误。如果您创建一个新文件并直接尝试编写代码而不是VS代码无法理解用户想要格式化/修改哪种语言或语法类型。因此，首先需要使用适当的扩展名保存新文件，而不是使用visual studio正确识别语法。

VS Code中的代码格式通过以下快捷方式提供：

您可以从VS Code marketplace添加Auto Close Tag。

启动VS Code Quick Open（Ctrl + P），粘贴以下命令，然后按enter键。

自动添加HTML / XML关闭标记，与Visual Studio IDE或Sublime Text
相同
```
ext install auto-close-tag
```
HTMLHint的VS代码集成 - HTML的静态代码分析工具
```
ext install HTMLHint
```
根据工作区中的CSS文件为HTML类属性提供CSS类名称完成。还支持React的className属性。
```
ext install html-css-class-completion
```

Answer 3

默认情况下，VS Code支持此功能。它还默认启用了Emmet支持，这意味着您不必担心关闭HTML标记。它会自动添加结束标记。

Answer 4

这不是VsCode的内置功能......但是，它有很多可用的插件。我建议你使用HTMLHint插件。这就是我一直在使用的东西。

您可以使用以下命令安装它：ext install HTMLHint命令

Answer 5

VS Code的扩展名为HTMLHint。
您可以按照以下说明进行安装
1.要打开扩展程序：市场，请按 Ctrl + Shift + X
2.在搜索扩展框中输入HTMLHint
3.在搜索结果中单击显示由“ Mike Kaufman”开发的HTMLHint的安装按钮

Answer 6

我发现此扩展名（虽然不允许您扩展内置规则）在检查HTML有效性方面比HTMLHint更好。

名称：W3C验证

Id：umoxfo.vscode-w3cvalidation

说明：将W3C验证支持添加到Visual Studio Code。

版本：2.3.0

发布者：Umoxfo VS