一、在需要安裝的項目目錄中安裝

通過命令行：
npm install grunt-contrib-jshint --save-dev

二、配置項（options）

globals?:
Type : object
Default:null
定義了全局變量的字典，key就是全局變量名，布爾類型的值來表示是否可以賦值，這不是 JSHint 的標準選項，但是會作為第三個參數傳遞給 JSHint。
如果要用jquery，則在此配置項中加入變量key如下代碼：

options: {globals: { $: false, jQuery:false } }

定義了全局變量后就可以使用jquery了
jshintrc:
Type:?String?or?true
Default:?null
如果設置為 true，這里的配置參數不會傳遞給 JSHint，JSHint 將會通過 .jshintrc 文件來獲取參數。
如果設置了文件名，將會通過這個文件獲取配置參數. 這個 jshintrc 文件必須是一個合法的 JSON 文件，類似這樣。
需要注意的是 ：
jshintrc 文件的配置信息不會與 gruntfile.js 中的配置進行合并。
extentions?：
Type:?String
Default:?' '
需要檢查的非 dot-js 擴展名列表
ignores?:
Type:?Array
Default:?null
需要忽略的文件和目錄列表. 將會覆蓋 .jshintignore 文件。
force?:
Type:?Boolean
Default:?false
設置為 true 將會報告 JSHint 錯誤，而不會將任務失敗掉。
reporter:
Type:?String
Default:?null
允許修改輸出插件，默認使用 Grunt 內置的報告器. 可以配置為自定義的報告器路徑，或者 JSHint 內置的報告器之一: jslint 或者 checkstyle。
See also:?Writing your own JSHint reporter. 可以指定一個外部的報告器，例如：?jshint-stylish: 首先通過 npm 進行安裝。
$ npm install --save-dev jshint-stylish
然后進行配置

options: {reporter: require('jshint-stylish') }

reporterOutput:
Type:?String
Default:?null
配置報告的輸出路徑. 如果配置，輸出將不會輸出到標準輸出流，而是這個設置的路徑。
wildcards?:
下面的這個例子，執行 grunt jshint:all ( 由于 jshint 是一個多任務的任務，可以直接使用 grunt jshint, ?) 將會使用默認的 JSHint 配置。檢查 Gruntfile.js，lib 下面的任何 js 文件，test 下面的任何 js 文件

grunt.initConfig({jshint: { all: ['Gruntfile.js', 'lib/**/*.js', 'test/**/*.js'] } });

Linting before and after concatenating?:
下面的這個例子中，執行 grunt jshint 將會檢查 'beforeconcat' 和 'afterconcat' 的所有文件，這并不理想，因為 dist/output.js 會在?grunt-contrib-concat plugin?的?concat 任務創建它之前被檢查。
在這種情況下，應該先檢查 'beforeconcat' 中的文件, 然后合并文件，最后再檢查 'afterconcat' 中的文件，這樣執行：grunt jshint:beforeconcat concat jshint:afterconcat.

grunt.initConfig({concat: { dist: { src: ['src/foo.js', 'src/bar.js'], dest: 'dist/output.js' } }, jshint: { beforeconcat: ['src/foo.js', 'src/bar.js'], afterconcat: ['dist/output.js'] } });

Specifying JSHint options and globals?: 這個例子演示了定制 JSHint 的配置. 注意在 grunt jshint:uses_defaults 執行的時候，將會使用默認的配置, 但是當 grunt jshint:with_overrides 執行的時候，將使用合并之后的配置。

grunt.initConfig({jshint: { options: { curly: true, eqeqeq: true, eqnull: true, browser: true, globals: { jQuery: true }, }, uses_defaults: ['dir1/**/*.js', 'dir2/**/*.js'], with_overrides: { options: { curly: false, undef: true, }, files: { src: ['dir3/**/*.js', 'dir4/**/*.js'] }, } }, });

Ignoring specific warnings?: 如果希望忽略特定的警告：

[L24:C9] W015: Expected '}' to have an indentation at 11 instead at 9.

可以通過在警告標識之前加上減號 (-) 來關掉它。

grunt.initConfig({jshint: { ignore_warning: { options: { '-W015': true, }, src: ['**/*.js'], }, }, });

轉載于:https://www.cnblogs.com/liuyangdiv/p/6425811.html

總結

以上是生活随笔為你收集整理的GRUNT----JSHINT的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。