你知道什么是Grunt么？

一句话，Grunt是前端的Mavan。它是JavaScript世界的构建工具。

1. 首先安装node.js，由于Grunt需要依赖于node.js的npm来管理和安装。最终检测安装node.js成功的标志是：在cmd的DOS命令下输入：

node -v   

npm -v   //安装node.js的时候，系统自动将命令npm加入到了系统变量中，所以在控制台可以输入。

2.  在Dos界面，用命令安装Grunt。 Grunt的一个模块就相当于一个工具，Grunt是由多种工具集合而成的工具箱。

npm install -g grunt -cli  //-g 表示全局安装; grunt是服务器端的版本, grunt-cli是客户端版本。

//Node Package Manager, 即npm

虽然上述命令被执行，但安装grunt -cli并不等于安装了Grunt。(在DOS界面下，Ctrl+C退出当前命令环境)

类似的，安装各个模块的命令："npm install 模块名称 --save -dev"

npm install <module> --save -dev  //安装各个模块的命令

4. 完成上述两个步骤后，就可以实战Grunt项目。

我们知道在Maven中有pom.xml的配置文件来配置项目信息。同样创建Grunt项目必须有两个文件，package.json文件和Gruntfile.js文件。

//package.json：用于保存项目元数据。
//Gruntfile.js : 用于配置或定义任务、加载 Grunt 插件。

package.json的配置详情如下：　　　　

　　{
　　　　"name": "qmcaifu",
　　　　"version": "1.0.1",
　　　　"description": "the web page for html5",
　　　　"main": "index.js",
　　　　"scripts": {
　　　　　　"test": "echo \"Error: no test specified\" && exit 1"
　　　　},
　　　　"author": "Zhao, Xu-Guang",
　　　　"license": "ISC"
　　}

完成了package.json和Gruntfile.js两个配置文件后，输入命令：

npm install 

然后在安装Grunt的CLI，Grunt CLI的任务是运行Gruntfile指定的Grunt版本。这样就可以在一台电脑上安装多个Grunt版本。

参考博客：

1. http://www.gruntjs.net/getting-started#cli