序

gulp是什麼？

Gulp.js 是一個自動化構建工具，開發者可以使用它在專案開發過程中自動執行常見任務。Gulp.js 是基於 Node.js 構建的，利用 Node.js 流的威力，你可以快速構建專案並減少頻繁的 IO 操作。Gulp.js 原始檔和你用來定義任務的 Gulp 檔案都是通過 JavaScript（或者 CoffeeScript ）原始碼來實現的。

入門指南

gulp依賴於Node.js執行環境，所以在使用它之前需要先安裝Node.js，另外我們還需要一個命令列工具Git-Bash來進行命令操作，本文的所有案例都假定在這些條件都滿足的情況下進行。

1. 全域性安裝 gulp

為了讓我們的電腦具有（或者說支援）gulp這個命令，我們需要在Git-Bash命令列工具裡輸入以下命令：

$ npm install -g gulp 

檢查是否安裝成功可以輸入以下命令：

$ gulp -v
[13:38:11] CLI version 3.9.1 //如果出現這一個行表明安裝成功

2. 作為專案的開發依賴（devDependencies）安裝

使用npm安裝：

$ npm init -y //這個命令是初始化包管理檔案package.json
$ npm install --save-dev gulp //--save-dev或者—D都表示作為開發依賴進行安裝
 

或者使用yarn安裝：

$ yarn init -y  //這個命令是初始化包管理檔案package.json
$ yarn add -D gulp //這個目前可能還不支援，但都是早晚的事情

安裝完成後可以通過以下命令檢視當前目錄下以及全域性安裝的gulp版本：

$ gulp -v
[13:40:38] CLI version 3.9.1 //這個表示全域性安裝的gulp的版本資訊
[13:40:38] Local version 3.9.1 //這個表示當前目錄下安裝的gulp的版本資訊

注意： 全域性安裝的gulp只是讓您的系統（電腦）增加了一個叫做gulp的命令，這個命令會呼叫當前目錄下的 gulpfile.js

3.在專案根目錄下建立一個名為 gulpfile.js 的檔案

var gulp = require('gulp');

gulp.task('default', function() {
  // 將你的預設的任務程式碼放在這
});

4.執行gulp

$ gulp

這個命令僅僅是執行了gulpfile.js中的 “default” 的任務（通常叫做task），如果需要指明執行哪一具體的任務，需要使用如下語法：

$ gulp taskName //taskName表示通過task方法定義的任務名稱

謝謝關注，歡迎點贊：）