语法校验

一个校验工具可以帮助我们在编写代码时避免一些愚蠢的错误。

一个好的校验工具可以在我们浪费时间找BUG之前告诉我们存在的问题。

一个好的校验工具可以确保一个项目遵循编码规范。

HBuilderX 包含4款语法校验插件，htmlhint, stylelint, eslint-plugin-vue, eslint-js。主要用于校验html,css/less/sass/scss,vue, javascript

语法校验插件

HBuilderX，代码语法校验，需要安装相应插件。

其中，json已内置校验功能，无需下载任何插件。

注意：

• scss文件，如果代码使用@-rules指令，stylelint校验提示at-rule-no-unknown，请配置@相关的规则。stylelint@规则参考

使用方法

如下图所示，在对应的文件上，右键菜单，点击【验证本文档语法】，如未出现此菜单，请先安装相关插件。

校验概要结果会显示在状态栏

比如有2个错误（如下图），可以按F4切换到不同的错误处，画有红波浪线（如下图），鼠标移到红波浪线上会显示具体的错误信息。（如下图示例）