安裝 Grunt

Prerequesites

Grunt 需要安裝 Node.js 和 npm。如果你的計算機上沒有安裝 Node.js 和/或 npm,請訪問 https://nodejs.org 並下載適用於你的作業系統的安裝程式或軟體包。

首次安裝

如果你是第一次安裝 Grunt,則首先必須全域性安裝 Grunt 命令列介面包 grunt-cli

npm install -g grunt-cli

這將全域性安裝 Grunt 的命令列介面,以便你可以在專案中執行本地版本的 Grunt。

你可以通過執行以下命令來驗證是否已安裝 grunt-cli 軟體包:

grunt --version

這應該列印至少當前版本的 grunt-cli 包。

在專案中安裝 Grunt

啟動並執行 grunt-cli 後,你可以安裝實際的 grunt 任務執行器和你的第一個 Grunt 包 grunt-contrib-jshint

npm install grunt --save-dev
npm install grunt-contrib-jshint --save-dev

這將從 NPM 包管理器下載包,並將它們作為 devDependencies 儲存到你的 package.json 檔案中。

Gruntfile

接下來,你需要在專案根目錄中使用 Gruntfile.js 作為 Grunt 任務的配置檔案:

module.exports = function(grunt) {

    grunt.initConfig({
        jshint: {
            files: ['Gruntfile.js'],
        }
    });

    grunt.loadNpmTasks('grunt-contrib-jshint');

    grunt.registerTask('default', ['jshint']);
};

這個檔案做了三件事:

  1. 它告訴 Grunt 從 NPM 包中載入 grunt-contrib-jshint 任務
  2. 它建議 jshint 任務執行檔案 Gruntfile.js
  3. 它建立了一個名為 default 的 Grunt 任務,用於執行 jshint 任務

跑咕嚕聲

設定專案後,你可以通過呼叫以下命令執行 Grunt 的 default 任務:

grunt

這會啟用執行本地 gruntgrunt-cli,它尋找名為 default 的 Grunt 任務,該任務被配置為執行名為 jshint 的任務。