Grunt是什么？
1.安装nodejs
安装成功后，在控制台输入node -v 来查看nodejs的版本
2.安装grunt-cli
由于新版的nodejs已经集成了npm,所以在安装nodejs的时候npm也一并安装了。同样可以通过npm -v 查看版本号
（window）在控制台输入 npm install -g grunt-cli
（linux,mac）在终端输入 sudo npm install -g grunt-cli
验证grunt-cli是否安装成功，在控制台输入grunt
出现以下的信息表示安装成功
3.创建一个简单的grunt的项目
package.json的文件格式如下图：
下图是我在项目中用到的工具：
3.安装grunt
grunt的安装不再是全局安装，需要你在进入到项目的目录，我的项目是在F:\testGrunt目录下。然后输入npm install grunt --save-dev
--save-dev表示在安装grunt的同时，顺便把grunt保存为这个目录的开发依赖项。即package.json中的“devDependencies”
如果你运行的结果如上面三幅图所示，说明你的grunt安装成功。
4.配置Gruntfile.js
pkg:grunt.file.readJSON('package.json')表示获取package.json的信息
grunt.registerTask('default',[])表示grunt Default task.
5.grunt 插件介绍
第二类是第三方提供的插件
使用COntrib-clean需要四步：
第一步：和安装grunt一样在工程目录执行下面的命令进行安装：
npm install grunt-contrib-clean --save-dev
表示安装成功！。
grunt.loadNpmTasks('grunt-contrib-clean');
第四步：在Gruntfile.js中添加
contrib-uglify(压缩javascript代码)
第一步：
npm install grunt-contrib-uglify --save-dev
grunt.loadNpmTasks('grunt-contrib-uglify');
第三步：
src/*.js表示要要是那个文件
第四步：在Gruntfile.js中添加
测试一下：
我会把我在项目中用到的并且下载量很高的简单过一下，步骤仍然是上面的四部曲。
Contrib-jshint（javascript语法错误检查）；
npm install grunt-contrib-c --save-dev
grunt.loadNpmTasks('grunt-contrib-jshint');
jshint:{
files:['Gruntfile.js',‘src/app/**/*.js'],
options:{
@R_944_1748@ curly:true,
@R_944_1748@ eqeqeq:true,
@R_944_1748@ immed:true,
@R_944_1748@ latedef:true,
@R_944_1748@ sub:true,
@R_944_1748@ boss:true,
@R_944_1748@ eqnull:true,
}
},
grunt.registerTask('default','jshint','uglify',]);
Contrib-csslint（检查css语法错误）；
npm install grunt-contrib-csslint --save-dev
grunt.loadNpmTasks('grunt-contrib-csslint');
csslint: {
options: {
csslintrc: '.csslintrc'
},
files:['src/*.css']
}
"important":false,
"floats":false,
"shorthand":false
}
html2js（将angularjs中template html变成js放到相应的template caches
）
recess(压缩css和less 文件)
compress（压缩文件）
6.批量安装插件