前段時(shí)間做一個(gè)項(xiàng)目，試著用gulp來(lái)構(gòu)建前端代碼。今天簡(jiǎn)單總結(jié)了一下：

一：安裝gulp環(huán)境

　　1. 安裝node 

　　　　在node官方文檔下載匹配的版本  我下載的是如下圖的版本。http://nodejs.cn/download/

　　　　seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營(yíng)銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營(yíng)銷培訓(xùn)

　　下載好以后， 可以一直點(diǎn)擊下一步，進(jìn)行默認(rèn)安裝

　　seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營(yíng)銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營(yíng)銷培訓(xùn)

　　安裝好以后，在控制臺(tái)輸入cmd，打開命令提示符，輸入node -v  查看node是否安裝成功以及node的版本。

　　seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營(yíng)銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營(yíng)銷培訓(xùn)

　　2.全局安裝gulp

　　　　在命令提示符中時(shí)輸入 npm install gulp -g

　　　　seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營(yíng)銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營(yíng)銷培訓(xùn)

二：項(xiàng)目流程

　　1.生成項(xiàng)目所需的package.json文件

　　　　比如：我的本地項(xiàng)目放在D:\maxiaodan\project\webapp這個(gè)目錄下，找到這個(gè)目錄，在地址欄輸入cmd，或者通過(guò)cd命令，進(jìn)入項(xiàng)目的目錄。

　　　　輸入npm init ，一直按enter鍵，自動(dòng)生成package.json文件（一個(gè)node package有2中依賴，一種是dependencies:依賴的項(xiàng)是正常運(yùn)行該包時(shí)所需要的依賴項(xiàng)。一種是devDependencies:開發(fā)時(shí)需要的依賴項(xiàng)，像一些單元測(cè)試之類的包。如果只是單純的使用這個(gè)包而不需要進(jìn)行一些改動(dòng)測(cè)試之類的，可以只安裝dependencies）

　　　　seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營(yíng)銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營(yíng)銷培訓(xùn)

　　　　生成的package.json文件如下圖所示：