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的強大功能。