JSHint 使用
安装
配置文件安装
package.json文件devDependencies下添加，
"jshint":"~2.8.0"
gulp下添加
"gulp-jshint": "^1.11.2",
或者grunt下添加
"grunt-contrib-jshint": "~0.11.2",
然后使用npm命令
npm install -g
带-g是全局安装单独安装
npm install jshint -g
或者
npm install --save-dev jshint
--save保存到配置文件package.json的devDependencies里面
使用
- 单独使用
jshint myfile.js
如下图：
Paste_Image.png
-
gulp-jshint
var gulp = require('gulp'),
gulpLoadPlugins = require('gulp-load-plugins'),
plugins = gulpLoadPlugins();
定义一个名为jshint的任务
gulp.task('jshint', function () {
return gulp.src()
.pipe(plugins.jshint())
.pipe(plugins.jshint.reporter('default'))
.pipe(plugins.jshint.reporter('fail'));
然后执行单个任务
gulp jshint
reporter会在控制台输出一些jshint的日志。
执行效果如下：
Paste_Image.png - grunt-contrib-jshint
- 初始化配置
grunt.initConfig({
.......
jshint: {
all: {
src:你的文件（一般是模糊匹配）,
options: {
jshintrc: true,
node: true,
mocha: true,
jasmine: true
}
}
},
.......
}; - 注册任务
grunt.loadNpmTasks('grunt-contrib-jshint');
grunt.registerTask('jshint', 'start the jshint',funciton(){}); - 执行
grunt jshint
grunt 可以参考这篇博客grunt-contrib-jshint
JSHint具体配置可以参考JSHint配置说明
