刚刚完成前端开发，却发现页面在不同浏览器下的效果都不一样？这很可能是由于你写的 HTML 代码不符合规范导致的，这时候就需要使用合适的工具来检测你的代码质量。
Bootstrap 是一个流行的前端框架，它提供了大量的组件和样式库，可以方便地开发响应式网站。而 bootstrap 中也提供了很多有效的 HTML 标准推荐和最佳实践文档，这也是令我们更愿意使用 bootstrap 的原因之一。
bootlint 就是 Bootstrap 团队推出的一个 HTML 静态检查工具，它可以检查你 HTML 代码中是否违反了 Bootstrap 中的规范。
此时，我们想将 bootlint 安装到我们的项目中，该怎么办呢？别慌，npm 包 justo-plugin-bootlint 能够解救这个问题。
安装
在你的项目目录下，运行以下命令即可安装它：
npm install justo-plugin-bootlint --save-dev
使用
定义一个 justo 任务，然后引用 bootlint：
-- -------------------- ---- -------
--- - - -----------------
----------------------- ---------- -
--- -------- - ---------------------------------
--- --- - ---------------------------
-- --------
--- ---- - -
------------ ------
-------------- ------
----------- --
--
------------- ------
---选项
bootlint 支持一些选项来定制自己的检查和测试配置。
stoponerror(默认为true)，表示遇到错误时是否停止，默认为true。stoponwarning(默认为false)，表示遇到警告时是否停止，默认为false。relaxerror(默认为[])，表示忽略某些错误。例如，如果想忽略不明确的禁止访问属性autocomplete的警告错误，可以这么做:
var opts = {
stoponerror: false,
stoponwarning: false,
relaxerror: ["W005"]
};示例
以下是一个 justo 任务的简单示例，使用 bootlint 检查 HTML 文件：
-- -------------------- ---- -------
-------------------------
---------------- -------------------
---------------- -------------------
--------------------- ------------------------
------------- ------------------
---------
---------------- ---------- -
--- -------- - ---------------------------------
--- --- - ---------------------------
-- --------
--- ---- - -
------------ ------
-------------- ------
----------- --
--
------------- ------
-
--
--------在命令行中运行 justo test，检查文件夹中的所有 HTML 文件即可！
结论
使用 bootlint，让我们的 HTML 代码更规范，更符合标准。同时，在利用 justo-plugin-bootlint，我们可以很方便地整合它到我们的项目中，提高开发效率以及代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066ef84c49986ca68d8708