mean开发系列之工具篇JSHint

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配置说明