lanbos'blog

html代码检测工具htmlhint

简介

在编辑html过程中尝尝因为反复的编辑文档会出现一些标签没有闭合等错误,这种错误若是通过人工排查比较麻烦,npm上有一款工具是专门检查html文档格式的工具——htmlhint.

安装

需要node环境,在终端中运行:

1
npm install  htmlhint -g --save

安装后有具体的使用说明。

简单使用

直接在终端中输入htmlhint和需要检查的文件或者文件夹即可

1
htmlhint path/file/dir

配合编辑器使用

vscode中直接在商店中搜索htmlhint,找到后下载即可,重启后插件自动运行,在编辑html文件时若有类似于标签未闭合的情况,会有错误提示。
sublime中对应的插件叫做Sublime-htmlhint,安装插件后,打开Preferences > Package Settings > Sublime-htmlhint > Setting - User中配置nodejs的命令路径和htmlhint的命令路径,然后即可运行检查,在mac中运行快捷键为Ctrl+Shift+J

参考

HTMLHint官方github
Sublime-htmlhint插件github