Grunt 基於Node.js ，用JS 開發，這樣就可以藉助Node.js 實現跨系統跨平台的桌面端的操作，例如文件操作等等。此外，Grunt 以及它的插件們，都作為一個包，可以用NPM 安裝進行管理。
所以NPM 生成的package.json 項目文件，裡面可以記錄當前項目中用到的Grunt 插件，而Grunt 會調用Gruntfile.js 這個文件，解析裡面的任務（task）並執行相應操作。
安裝Grunt-cli
其實是安裝Grunt-cli ，這里安裝Grunt的命令行支持（command line interface，簡稱CLI），在這之後，命令提示符中將會識別grunt命令。安裝grunt-cli 並不能稱為安裝Grunt完畢。這是因為，Grunt本身不是全局使用的，任何具體的工作目錄，如果要使用Grunt，都需要安裝一次Grunt。這樣做也是因為不同的工作目錄，需要通過Grunt做的自動化工作也不同，因此需要獨立配置。
npm install -g grunt-cli
―save-dev 參數，表示會把剛安裝的東西添加到package.json 文件中。
生成package.json 文件
npm對工作目錄有一個要求。這個要求是：根目錄位置處有一個package.json
文件。這個文件定義了工作目錄對應的一些項目信息（名字，描述），以及包（就是npm模塊）依賴關係。
執行下面命令便可以初始化
npm init
為當前工作目錄安裝Grunt和需要的插件
方法1
之前我們把Grunt安裝到了全局目錄下，現在需要引入到當前項目路徑，與此同時，所需要的插件可能有這些：
合併文件：grunt-contrib-concat
語法檢查：grunt-contrib-jshint
Scss 編譯：grunt-contrib-sass
壓縮文件：grunt-contrib-uglify
監聽文件變動：grunt-contrib-watch
建立本地服務器：grunt-contrib-connect
安裝它們的方式可以是：
npm install --save-dev gruntnpm install --save-dev 插件1 插件2 插件3
這個時候package.json文件夾裡多出了一些代碼。
"devDependencies": { "grunt": "0.4.1"},方法2-手動更改package.json
"devDependencies": { "grunt": "~0.4.1", "grunt-contrib-cssmin": "~0.7.0" }手動在package.json文件裡面添加這個字段，將需要依賴的包添加進去，如果只需安裝最新版本，可以改成* ，然後執行npm install，會發現文件夾裡多了node_modules文件夾，裡面存放的就是我們需要的插件。
配置
一般來說，直接使用模板作為配置文件。
module.exports = function(grunt) { "use strict"; grunt.initConfig({ //插件配置區域}); //加載插件任務，要使用誰就添加誰grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-cssmin'); grunt.loadNpmTasks('grunt-contrib-imagemin'); // 註冊任務grunt.registerTask('default', ['cssmin', 'imagemin', 'uglify']);};grunt.loadNpmTasks()是加載插件任務。其實就是說，你如果要使用哪個插件的功能，請在這部分用這句代碼把插件任務添加進去。
grunt.registerTask()是註冊任務，默認有一個default。默認的意思就是說，你最後使用的時候，在目錄的命令提示符裡直接輸入grunt便可以執行註冊的任務，相當於執行了default這個任務。
使用自定義任務
可以註冊更多的任務命令，使用其他的命名。比如
grunt.registerTask('custom', ['cssmin', 'imagemin']);對應使用的時候，輸入：
grunt custom