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

1.   目的

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

2.   准备

1.    Nodejs安装:

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

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

Nodejs + Jshint自动化静态代码检查_第1张图片

检查安装是否成功:

 

2.    安装Grunt:

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

安装说明:

 

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

Nodejs + Jshint自动化静态代码检查_第2张图片

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

Nodejs + Jshint自动化静态代码检查_第3张图片

3、检查是否安装成功:

3.    安装jshint

进入命令行,执行:

Nodejs + Jshint自动化静态代码检查_第4张图片

 

4.    安装Grunt-jshint库:

 

3.   创建Grunt自动化工程

1.    载入Grunt、Jshint插件:

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

 

2.    创建package.json文件

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

Nodejs + Jshint自动化静态代码检查_第5张图片

 

3.    创建Gruntfile.js

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

 

4.    配置Gruntfile

 

1、配置Grunt 的wrapper函数.

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

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

4、  添加的任务.

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

    

Nodejs + Jshint自动化静态代码检查_第6张图片

5、 加载所需要的Grunt插件

6、  注册任务

7、  完整的Gruntfile.js

Nodejs + Jshint自动化静态代码检查_第7张图片

 

4.   运行

 

    1. 进入命令行

  Nodejs + Jshint自动化静态代码检查_第8张图片

  

    2 运行配置过的任务

Nodejs + Jshint自动化静态代码检查_第9张图片

 

附录:

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

 

你可能感兴趣的:(nodejs)