JavaScript 项目构建工具 Grunt的安装

Grunt 是一个基于任务的JavaScript项目命令行构建工具，运行于 Node.js 平台。Grunt 能够从模板快速创建项目，合并、压缩和校验 CSS & JS 文件，运行单元测试以及启动静态服务器。士大夫

由于grunt运行于nodejs平台，这里就假装你已经安装了node和npm。

然后，安装全局的grunt-cli，在命令行键入npm install -g grunt-cli。此时查看版本grunt --version，你只看到有grunt-cli的版本号，并有没有grunt的版本号，还并没有真正安装grunt。

接着，新建一个项目（文件夹），在该项目的根目录下面新建两个文件package.json和Gruntfile.js，package.json文件包含所有关于该项目的信息，如名称和版本。它还列出了项目所需要的依赖关系。在package.json里面粘贴如下代码：

{
  "name": "grunt-example",
  "version": "1.0.0",
  "devDependencies": {
    "grunt": "^0.4.5",
    "grunt-contrib-concat": "~0.3.0",
    "grunt-contrib-connect": "~0.6.0",
    "grunt-contrib-copy": "~0.5.0",
    "grunt-contrib-cssmin": "~0.8.0",
    "grunt-contrib-requirejs": "~0.4.1",
    "grunt-contrib-uglify": "~0.2.2",
    "grunt-contrib-watch": "~0.5.3",
    "grunt-text-replace": "~0.3.11",
    "md5-file": "0.0.2"
  }
}

再在命令行的项目的根目录下，键入：install grunt --save-dev，这里添加--save-dev命令可以自动添加到你的package.json文件，所以你不需要担心手动添加。

最后，再键入grunt --version，即可看到grunt的版本号。至此，grunt的环境搭建算是暂时告一段落