码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-09-03 19:41:57      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   strong   ar   文件   2014   代码   

1.   目的

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

2.   准备

1.    Nodejs安装:

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

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

bubuko.com,布布扣

检查安装是否成功:

bubuko.com,布布扣

 

2.    安装Grunt:

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

安装说明:

 

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

bubuko.com,布布扣

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

bubuko.com,布布扣

3、检查是否安装成功:

bubuko.com,布布扣

3.    安装jshint

进入命令行,执行:

bubuko.com,布布扣

 

4.    安装Grunt-jshint库:

bubuko.com,布布扣

 

3.   创建Grunt自动化工程

1.    载入Grunt、Jshint插件:

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

 

2.    创建package.json文件

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

bubuko.com,布布扣

 

3.    创建Gruntfile.js

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

 

4.    配置Gruntfile

 

1、配置Grunt 的wrapper函数.

bubuko.com,布布扣

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

bubuko.com,布布扣

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

bubuko.com,布布扣

4、  添加的任务.

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

     bubuko.com,布布扣

bubuko.com,布布扣

5、 加载所需要的Grunt插件

bubuko.com,布布扣

6、  注册任务

bubuko.com,布布扣

7、  完整的Gruntfile.js

bubuko.com,布布扣

 

4.   运行

 

    1. 进入命令行

  bubuko.com,布布扣

  

    2 运行配置过的任务

bubuko.com,布布扣

 

附录:

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

 

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

标签:style   blog   http   io   strong   ar   文件   2014   代码   

原文地址:http://www.cnblogs.com/307914070/p/3954353.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!