Grunt环境部署_1

（本文是基于HKUST的NodeJS课程Grunt部分的学习笔记）

目前已安装nodeJS与NPM，在Win10环境中测试。目前项目文件夹中有2个子文件夹。app文件夹中部署了网页数据（html，css，js，images，fonts等等），bower_components文件夹里包含了angular，bootstrap，font-awesome，jquery等4个第三方库，由一级目录下的bower.json文件记录配置信息。关于这部分文件的部署请参考之前的博客。

第一步，安装Grunt CLI（command-line interface）。在控制台输入以下代码，以安装grunt到本机全局环境中。

npm install -g grunt-cli

第二步，创建grunt配置文件package.json，并输入基础信息如下：

{
    "name": "gruntTest",
    "private": true,
    "devDependencies": {

    },
    "engines": {
        "node": ">=0.10.0"
    }
}

创建grunt配置文件Gruntfile.js，键入初始信息如下：

'use strict';

module.exports = function (grunt) {

  // Define the configuration for all the tasks
  grunt.initConfig({

  });

};

相信通过上述代码，Gruntfile.js与package.json两个配置文件的工作内容一目了然。在整个部署过程中，我们还将多次接触这两个文件。

第三步，将cmd的命令行引导至项目文件夹一级目录下，安装grunt到该项目：

npm install grunt --save-dev

顺利的话，命令执行后将能够在一级目录下的node_modules文件夹（若之前没有添加node模块，上述命令将生成该文件夹）里创建.bin与grunt文件夹，包含grunt控制台与grunt代码。

至此，grunt基础环境搭建完毕，下面我们将部署实现grunt的强大功能。