GULP是前端開發(fā)過程中對(duì)代碼進(jìn)行構(gòu)建的工具，是自動(dòng)化項(xiàng)目的構(gòu)建利器争群；她不僅能
對(duì)網(wǎng)站資源進(jìn)行優(yōu)化理卑，而且在開發(fā)過程中很多重復(fù)的任務(wù)能夠使用正確的工具自動(dòng)完成；使
用她余佃，我們不僅可以很愉快的編寫代碼惦界，而且大大提高我們的工作效率。
GULP是 基 于Node js的 自 動(dòng) 任 務(wù) 運(yùn) 行 器 咙冗，所以先安裝Node js后沾歪，在對(duì)GULP進(jìn)行安裝。
Node.js的安裝
1.下載nodejs安裝包
到nodejs官網(wǎng)下載軟件https://nodejs.org
2.安裝Nodejs
在Window系統(tǒng)中直接下一步下一步式安裝雾消。安裝好后WIN+R輸入cmd調(diào)出DOS窗
口灾搏，輸入node -v看看是否有版本信息，如果沒有則查看系統(tǒng)變量Path立润，把path配置上
去狂窑。如果在cmd中能夠輸出node版本信息，說明node.js的環(huán)境已經(jīng)安裝成功了桑腮，下面就可以
開始gulp的安裝了泉哈。
3.推薦安裝cnpm
npm服務(wù)器在國外，網(wǎng)絡(luò)影響大破讨，甚至還會(huì)遇到需要翻墻才能下載插件的情況丛晦，因此推
薦安裝cnpm。注：cnpm跟npm用法完全一致提陶，只是在執(zhí)行命令時(shí)將npm改為cnpm烫沙。后
面的演示均使用cnpm【淘寶npm鏡像，這是一個(gè)完整npmjs.org鏡像隙笆，你可以用此代替官
方版本(只讀)锌蓄，同步頻率目前為10分鐘 一次以保證盡量與官方服務(wù)同步】。 鏡像地址：
http://npm.taobao.org/
3.1安裝cnpm
執(zhí)行npm install cnpm -g --registry=https://registry.npm.taobao.org
3.2檢測(cè)cnpm是否安裝成功
執(zhí)行cnpm -v顯示版本號(hào)即安裝成功
gulp的安裝
全局安裝gulp
打開Node.js command prompt或者cmd命令提示符
輸入命令：npm install –g gulp
然后輸入gulp -v撑柔， 看看是否有版本信息瘸爽。
項(xiàng)目文件根目錄新建package.json
注：package.json是基于nodejs項(xiàng)目必不可少的配置文件，它是存放在項(xiàng)目根目錄的普通json
文件重點(diǎn)內(nèi)容
?進(jìn)入你的項(xiàng)目文件
示例：進(jìn)入D:/WWW/test項(xiàng)目文件夾中
gulp安裝教程铅忿，使用教程剪决，簡單的自動(dòng)化任務(wù)教程執(zhí)行命令cnpm init來新建package.jsongulp安裝教程，使用教程，簡單的自動(dòng)化任務(wù)教程檢測(cè)package.json是否成功新建查看項(xiàng)目文件根目錄昼捍，是否新建package.json，且內(nèi)容是否和你終端中輸入的一致肢扯。
注：可不使用cnpm init方式妒茬，可選擇手動(dòng)創(chuàng)建package.json配置文件
本地安裝gulp
建立項(xiàng)目，創(chuàng)建gulpfile.js和package.json文件蔚晨。運(yùn)行命令cnpm install gulp --save-dev安裝本地gulp乍钻。
gulp的實(shí)施與使用
創(chuàng)建工作目錄與發(fā)布目錄
工作目錄：即沒有經(jīng)過壓縮合并等處理的文件存放目錄。
發(fā)布目錄：即項(xiàng)目發(fā)布所引用的文件目錄地址铭腕，這里的文件是經(jīng)過gulp壓縮合并等處理后生成的文件银择，處理過后的名字可以自定義，也可以不處理即與未處理文件名相同累舷。
安裝插件
以安裝Less插件為例：
less使用gulp-less,安裝：cnpm install –save-dev gulp-less
在Gulpfile.js執(zhí)行如下代碼：
vargulp =require('gulp'),
less =require("gulp-less");
gulp.task('test-less',function(){
gulp.src('src/less/*.less')
.pipe(less())
.pipe(gulp.dest('dist/css'));
});
我們?cè)诘拇a中定義了一個(gè)任務(wù)—test-less浩考，那么這個(gè)任務(wù)就會(huì)去找我們定義的第二個(gè)參數(shù)回調(diào)函數(shù)中的gulp.src中的目錄，之后執(zhí)行l(wèi)ess方法（ 就是require得到的less插件對(duì)象）被盈， 之后這個(gè)插件就會(huì)將src目錄下匹配的less文件編譯到gulp.dest方法對(duì)應(yīng)路徑下的CSS文件析孽，之后得到css文件。
其他的插件可以自行查找安裝并使用只怎。
