是否存在类似tslint/eslint的HTML代码检查配置文件HTMLlint.json?
当然有!HTMLHint就是你要找的工具
完全可以实现和ESLint/TSLint一样的HTML代码检查统一配置方案,具体细节如下:
核心配置文件
HTMLHint使用的配置文件是.htmlhintrc,这是一个标准的JSON格式文件,你可以把所有HTML代码检查规则集中定义在这里,和你现在维护ESLint/TSLint规则的方式完全一致。
举个简单的配置示例:
{ "rules": { "doctype-first": true, "indent": 2, "tagname-lowercase": true, "attr-value-double-quotes": true, "img-alt-require": true } }
这个配置会强制HTML文档首行必须是DOCTYPE、用2空格缩进、标签名小写、属性值用双引号、img标签必须包含alt属性。
IDE兼容性
不管是你用的PHPStorm还是同事的VSCode,都完美支持HTMLHint的统一配置:
- VSCode:安装官方的HTMLHint插件后,插件会自动识别项目根目录下的
.htmlhintrc,实时在编辑器里提示不符合规则的代码,还能一键修复部分格式问题。 - PHPStorm:内置了HTMLHint的支持,你只需要进入
Settings > Languages & Frameworks > HTML > HTMLHint,勾选"Enable",然后指定配置文件为项目根的.htmlhintrc即可,编辑器会自动应用规则进行检查。
规则自定义灵活性
和ESLint/TSLint一样,HTMLHint的规则可以完全自定义:你可以开启/关闭特定规则,还能给规则设置具体参数(比如把缩进改成4空格)。官方提供了几十种内置规则,覆盖了HTML格式、语义化、兼容性等多个维度的检查需求。
这样一来,你团队里不管用什么IDE,只要共用同一个.htmlhintrc文件,就能保证HTML代码格式完全一致,和你现在维护JS/TS代码规范的流程无缝衔接。
内容的提问来源于stack exchange,提问作者Kirk Ross
相关产品推荐
相关产品推荐

