1.   目的

提交代码前能够自动化静态代码检查,提高代码质量

2.   准备

1.    Nodejs安装:

官方地址:http://nodejs.org/

安装说明:根据电脑配置下载对应的版本进行安装

Nodejs + Jshint自动化静态代码检查-LMLPHP

检查安装是否成功:

Nodejs + Jshint自动化静态代码检查-LMLPHP

2.    安装Grunt:

GruntJs官方网址:http://www.gruntjs.org/

安装说明:

1、进入命令行,安装grunt库

Nodejs + Jshint自动化静态代码检查-LMLPHP

2、安装grunt-cli(安装后可以在命令行直接运行grunt命令)

Nodejs + Jshint自动化静态代码检查-LMLPHP

3、检查是否安装成功:

Nodejs + Jshint自动化静态代码检查-LMLPHP

3.    安装jshint

进入命令行,执行:

Nodejs + Jshint自动化静态代码检查-LMLPHP

4.    安装Grunt-jshint库:

Nodejs + Jshint自动化静态代码检查-LMLPHP

3.   创建Grunt自动化工程

1.    载入Grunt、Jshint插件:

进入到要自动化检查的根目录(以下简称项目目录)下,执行准备工作2、3、4步。

2.    创建package.json文件

进入到项目目录,执行如下:npm init

Nodejs + Jshint自动化静态代码检查-LMLPHP

3.    创建Gruntfile.js

在项目目录手动创建Gruntfile.js文件。

4.    配置Gruntfile

1、配置Grunt 的wrapper函数.

Nodejs + Jshint自动化静态代码检查-LMLPHP

2、  初始化配置(任务配置)对象.

Nodejs + Jshint自动化静态代码检查-LMLPHP

3、  读取我们的项目配置package.json文件,并存储到pkg属性.

Nodejs + Jshint自动化静态代码检查-LMLPHP

4、  添加的任务.

    • files设置时需先设置根目录
    • 配置不想被检查的文件时,在最前面加一个”!”例如: files:[‘script/*.js’, ‘!script/*.min.js’]
    • 外部引入jshintrc文件:

Nodejs + Jshint自动化静态代码检查-LMLPHP

Nodejs + Jshint自动化静态代码检查-LMLPHP

5、 加载所需要的Grunt插件

Nodejs + Jshint自动化静态代码检查-LMLPHP

6、  注册任务

Nodejs + Jshint自动化静态代码检查-LMLPHP

7、  完整的Gruntfile.js

Nodejs + Jshint自动化静态代码检查-LMLPHP

4.   运行

    1. 进入命令行

  Nodejs + Jshint自动化静态代码检查-LMLPHP

  

2 运行配置过的任务

Nodejs + Jshint自动化静态代码检查-LMLPHP

附录:

Jshint option:http://www.jshint.com/docs/options/

NPM国内镜像设置方法:

临时使用:npm config set registry http://r.cnpmjs.org/

使用cnpm:npm install -g cnpm --registry=http://r.cnpmjs.org/

npm install -g cnpm --registry=http://r.cnpmjs.org/

05-26 11:25