安裝 Node 和 gulp

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

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

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

使用終端/命令行

命令行

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

終端(Mac)

打開 Launchpad（像火箭一樣的圖標(biāo)），在屏幕上方搜索框中輸入 終端 + Enter 打開終端。

查看 node 版本號(hào)

在終端/命令行中輸入 node -v 檢測(cè)node是否安裝成功，安裝成功會(huì)顯示出 node 的版本號(hào)。

跳轉(zhuǎn)目錄

終端/命令行 中可使用 cd 目錄名 跳轉(zhuǎn)至指定目錄，Mac 中還可以使用 ls 查看當(dāng)前目錄下的文件列表。

Windows

Windows 下可使用如下命令跳轉(zhuǎn)至指定目錄：

// 跳轉(zhuǎn)至 C 盤根目錄
cd c:\
// 跳轉(zhuǎn)至當(dāng)前目錄的 demo 文件夾
cd demo
// 跳轉(zhuǎn)至上一級(jí)
cd ..

Mac

Mac 中建議只在 Documents 目錄下進(jìn)行文件操作。

// 跳轉(zhuǎn)至文檔目錄
cd /Users/你的用戶名/Documents/
// 或第一次打開終端時(shí)直接輸入
cd Documents
// 查看目錄下文件列表
ls
// 創(chuàng)建文件夾
mkdir demo
// 跳轉(zhuǎn)至當(dāng)前目錄下的 demo 文件夾
cd demo
// 跳轉(zhuǎn)至上級(jí)目錄
cd ..

退出運(yùn)行狀態(tài)

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

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

npm 模塊管理器

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

若你不了解npm 請(qǐng)閱讀 npm模塊管理器

安裝 gulp

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

在命令行輸入

npm install -g gulp 

若一直沒安裝成功，請(qǐng)使用 cnpm 安裝(npm的國(guó)內(nèi)加速鏡像)

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

如果你安裝失敗，請(qǐng)輸入sudo npm install -g gulp使用管理員權(quán)限安裝。（可能會(huì)要求輸入密碼）

安裝時(shí)請(qǐng)注意命令行的提示信息，安裝完成后可在命令行輸入 gulp -v 以確認(rèn)安裝成功。

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