什么是 grunt-coffee-jshint
grunt-coffee-jshint 是一个 npm 包，提供了一种使用 Grunt 工具来对 CoffeeScript 代码进行语法检查的功能。它基于 jshint 和 coffee-jshint 两个模块实现。
安装
--- ------- ------------------- ----------
此处使用 --save-dev 参数来安装该包。这是因为 grunt-coffee-jshint 只在开发时需要使用。当项目发布后，它就不再需要了。
用法
在使用 grunt-coffee-jshint 包之前，你需要先了解 Grunt。如果你还不了解 Grunt，可以先参考 Grunt 官方网站 了解相关信息。
配置 Gruntfile
首先，在项目目录下创建 Gruntfile.js 文件，然后在该文件中配置 grunt-coffee-jshint 的使用。
下面是一个 Gruntfile.js 的样例:
-------------- - --------------- -
------------------
----------- -
---- -------------------
-
---
------------------------------------------
----------------------------- ----------------
--该样例中，我们定义了一个 coffeelint 任务，它将检查 src 目录下的所有 CoffeeScript 文件。
在 registerTask 方法中，我们传入了一个 default 参数。这表明当你在命令行输入 grunt 命令时，coffeelint 任务将会被自动执行。
编写 CoffeeScript 文件
为了让 coffeelint 任务可以正常工作，我们需要用到 CoffeeScript 文件。
在项目中创建一个名为 src 的目录，并在该目录下创建一个 app.coffee 文件。
下面是一个 app.coffee 文件的样例：
------ - --- -- - - - ----------------------
该样例中，我们定义了一个 square 函数，并在 console.log 中输出了该函数对 4 进行计算的结果。
如果你此时运行 grunt 命令，将会看到输出如下：
------- ---------------- ------------ ---- -- --------- ---------- ----- ------- -------
这表明你的 CoffeeScript 代码经过了语法检查，符合 jshint 的规范。
配置参数
除了前面的配置之外，我们还可以通过 options 参数进行更加详细的配置。
-------------- - --------------- -
------------------
----------- -
-------- -
---------------- -
------ ------
-
--
---- -------------------
-
---
------------------------------------------
----------------------------- ----------------
--在该样例中，我们增加了 max_line_length 参数来对程序中的代码行数进行限制。它的 level 参数被指定为 warn，表明当代码行数超出限制时，程序将会给出警告信息。
总结
通过本文，你已经学会了如何使用 npm 包 grunt-coffee-jshint 对 CoffeeScript 代码进行语法检查，并已经开始使用它来提升代码质量。希望这篇文章对你有所帮助并指导你在项目中的实践。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/79099