简介
jshint-summary 是一个基于 jshint 的 npm 包，用于对 JavaScript 代码进行语法和风格检查。它可以生成一个精简的 HTML 报告，以帮助开发者更快速地定位和修复代码问题。
安装
要使用 jshint-summary，需要先安装 Node.js 和 npm。然后，可以通过以下命令在项目中安装 jshint-summary：
npm install jshint jshint-summary --save-dev
使用
在安装完 jshint 和 jshint-summary 后，可以在项目目录下创建一个 .jshintrc 文件来配置 jshint 规则。这个文件应该是一个 JSON 格式的对象，包含了所需的规则和选项。例如：
{
"undef": true,
"unused": true,
"globals": {
"jQuery": false,
"$": false
}
}对于常见的 jshint 规则和选项，可以参阅 官方文档。
然后，在项目的 package.json 中添加以下脚本：
"scripts": {
"lint": "jshint . && jshint-summary"
}之后，运行以下命令即可执行代码检查并生成报告：
npm run lint
最终生成的报告将保存在 ./jshint-summary.html 文件中。打开这个文件，可以看到一个简单但详细的报告，其中包含了代码中所有不符合规则的地方，以及相应的建议和解决方案。
示例代码
假设有以下 JavaScript 文件 main.js：
(function() {
var foo = "hello world";
console.log(Foo);
})();运行 npm run lint 后，将生成如下报告：
从报告中可以看到，代码中存在未定义的变量 Foo，并且该变量未被使用。jshint-summary 提供了相应的解决方案，即将变量名改为 foo。这样，开发者就可以更快速地定位和修复代码问题。
总结
jshint-summary 是一个非常实用的 npm 包，在前端项目中进行代码检查时十分方便。通过简单的配置和命令，可以快速生成详细的 HTML 报告，帮助开发者更好地理解和解决代码问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/45898