安裝 Node 和 gulp

gulp 是基於 node 實現的，那麼我們就需要先安裝 node。

Node 是一個基於Chrome JavaScript V8引擎建立的一個平臺，可以利用它實現 Web服務，做類似PHP的事。

開啟 https://nodejs.org/ 點選綠色的 INSTALL 按鈕下載安裝 node。

訪問論壇獲取幫助

使用終端/命令列

命令列

在 Windows 中可按 徽標鍵（alt鍵左邊）+ R 開啟輸入 cmd + Enter 開啟命令列。

終端

開啟 Launchpad（像火箭一樣的圖示），在螢幕上方搜尋框中輸入 終端 + Enter 開啟終端。

檢視 node 版本號

在終端/命令列中輸入 node -v 檢測node是否安裝成功，安裝成功會顯示出 node 的版本號。

跳轉目錄

終端/命令列中可使用 cd 目錄名 跳轉至指定目錄，Mac 中還可以使用 ls 檢視當前目錄下的檔案列表。

Windows

Windows 下可使用如下命令跳轉至指定目錄：

// 跳轉至 C 盤根目錄
cd c:\
// 跳轉至當前目錄的 demo 資料夾
cd demo
// 跳轉至上一級
cd ..

Mac

Mac 中建議只在 Documents 目錄下進行檔案操作。

// 跳轉至文件目錄
cd /Users/你的使用者名稱/Documents/
// 或第一次開啟終端時直接輸入
cd Documents
// 檢視目錄下檔案列表
ls
// 建立資料夾
mkdir demo
// 跳轉至當前目錄下的 demo 資料夾
cd demo
// 跳轉至上級目錄
cd ..

退出執行狀態

如果你在命令列中啟動了一些一直執行的命令，你的命令列會進入“執行”狀態，此時你不可以在命令列進行其他操作。可通過 Ctrl + C 停止 gulp。（Mac 中使用 control + C）

後面的章節中如果程式碼中存在 gulp.watch 並在命令列執行了 gulp 則需要使用 Ctrl + C 退出任務。

npm 模組管理器

如果你瞭解 npm 則跳過此章節

若你不瞭解npm 請閱讀 npm模組管理器

安裝 gulp

npm 是 node 的包管理工具，可以利用它安裝 gulp 所需的包。（在安裝 node 時已經自動安裝了 npm）

在命令列輸入

npm install -g gulp

若一直沒安裝成功，請使用 cnpm 安裝(npm的國內加速映象)

意思是：使用 npm 安裝全域性性的(-g) gulp 包。

如果你安裝失敗，請輸入sudo npm install -g gulp使用管理員許可權安裝。（可能會要求輸入密碼）

安裝時請注意命令列的提示資訊，安裝完成後可在命令列輸入 gulp -v 以確認安裝成功。

至此，我們完成了準備工作。接著讓 gulp 開始幫我們幹活吧！