npm 包 make-jshint 使用教程

什么是 make-jshint？

make-jshint 是一个基于 JSHint 的 NPM 包，它可以帮助前端开发者在项目中自动化运行 JSHint 静态代码分析工具，并返回相关的错误和警告信息。使用 make-jshint 可以提高代码质量，并避免一些常见的编程错误。

如何安装 make-jshint？

安装 make-jshint 可以通过以下命令：

npm install make-jshint -g

如何使用 make-jshint？

1. 在项目根目录下创建 Makefile 文件，并添加以下内容：

default:
    jshint *.js

这样 make-jshint 就会在项目根目录下查找 *.js 文件，并对其运行 JSHint 工具。

1. 在终端中运行 make 命令，make-jshint 将会运行 JSHint 工具，并列出相关的错误和警告信息，如下所示：

$ make
jshint app.js
app.js:line 2, col 15, Missing semicolon.
app.js:line 3, col 11, 'console' is not defined.
app.js:line 3, col 24, Missing semicolon.
make: *** [default] Error 2

make-jshint 配置文件

可以通过一个 .jshintrc 配置文件来对 make-jshint 进行定制。在项目根目录下创建 .jshintrc 文件，并添加以下内容：

{
  "eqeqeq": true,
  "undef": true,
  "globals": {
    "jQuery": true
  }
}

可以在 globals 属性中添加全局变量。在上面的例子中，我们添加了 jQuery，而这将告诉 JSHint 不要认为 $ 是一个未定义的变量。

make-jshint 示例

以下是一个示例 make-jshint 的代码：

// hello.js
console.log("Hello, world!")

在运行 make-jshint 命令后，将会看到以下输出：

$ make
jshint hello.js
hello.js:line 1, col 14, Missing semicolon.

总结

本文介绍了如何使用 make-jshint 运行 JSHint 工具，并返回错误和警告信息。通过添加 .jshintrc 配置文件，可以对 make-jshint 进行定制。使用 make-jshint 可以提高代码质量，并避免一些常见的编程错误。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedac40b5cbfe1ea06109b2