安裝 Node 和 gulp

gulp 是基于 node 實現(xiàn)的，那么我們就需要先安裝 node。

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

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

使用終端/命令行

命令行

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

終端(Mac)

打開 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
// 創(chuàng)建文件夾
mkdir demo
// 跳轉至當前目錄下的 demo 文件夾
cd demo
// 跳轉至上級目錄
cd ..

退出運行狀態(tài)

如果你在命令行中啟動了一些一直運行的命令，你的命令行會進入“運行”狀態(tài)，此時你不可以在命令行進行其他操作?？赏ㄟ^ Ctrl + C 停止 gulp。（Mac 中使用 control + C）

后面的章節(jié)中如果代碼中存在 gulp.watch 并在命令行運行了 gulp 則需要使用 Ctrl + C 退出任務。

npm 模塊管理器

如果你了解 npm 則跳過此章節(jié)

若你不了解npm 請閱讀 npm模塊管理器

安裝 gulp

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

在命令行輸入

npm install -g gulp 

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

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

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

安裝時請注意命令行的提示信息，安裝完成后可在命令行輸入 gulp -v 以確認安裝成功。

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