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

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

　　1. 安裝node 

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

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

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

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

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

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

　　2.全局安裝gulp

　　　　在命令提示符中時輸入 npm install gulp -g

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

二：項(xiàng)目流程

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

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

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

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

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

網(wǎng)友評論