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

1.   目的

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

2.   准备

1.    Nodejs安装：

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

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

检查安装是否成功：

 

2.    安装Grunt：

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

安装说明：

 

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

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

3、检查是否安装成功：

3.    安装jshint

进入命令行，执行：

 

4.    安装Grunt-jshint库：

 

3.   创建Grunt自动化工程

1.    载入Grunt、Jshint插件：

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

 

2.    创建package.json文件

进入到项目目录，执行如下：npm init

 

3.    创建Gruntfile.js

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

 

4.    配置Gruntfile

 

1、配置Grunt 的wrapper函数.

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

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

4、  添加的任务.

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

    

5、 加载所需要的Grunt插件

6、  注册任务

7、  完整的Gruntfile.js

 

4.   运行

 

1. 1. 进入命令行

　　

　　

    2 运行配置过的任务

 

附录：

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/

转载于:https://www.cnblogs.com/307914070/p/3954353.html