Grunt插件jshint使用指南

简单介绍下grunt的javascript语法验证插件jshint的使用。
插件官方使用地址：jsHint

Grunt的插件安装过程看这篇文章：grunt安装
package.js配置如下：

{
    "name":"jshint-study",
    "version":"0.1.0",
    "author":"刘放",
    "private":true,
    "devDependencies":{ "grunt":"~0.4.0", "grunt-contrib-jshint":"*" } }

gruntfile.js配置如下：

module.exports = function(grunt){
    grunt.loadNpmTasks('grunt-contrib-jshint');
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        jshint:{
            all:['gruntfile.js','js/*.js'],
            options:{
                latedef:true,//变量定义前禁止使用
            }
        }
    });

    grunt.registerTask('default', []);

};

可以看到我们使用了latedef配置项。官方提供了很多配置项：options

也有中文的翻译：options

我们在js文件夹中分别创建1.js和2.js。代码如下：

var a = "abc"
var c = a.indexOf("a");
var myName = c;

var a = "abc";
var c = a.indexOf("a");
var myName = c;
function myName(){
    myName = d;
}
for(var i = 0;i<10;i++){
    var d = i;

可以看到1.js中第一行代码没有分号，而2.js问题就多了。
我们执行grunt jshint命令后：

就会出现问题的详细，比如命名冲突、变量未声明就使用、好括号未对齐等等。

完整demo位置：demo

这里还有一篇很好的文章：jshint教程