gulp是前端開發(fā)項(xiàng)目構(gòu)建構(gòu)建工具，在開發(fā)過程中使用gulp可以避免重復(fù)的機(jī)械勞動(dòng)腹尖，大大提高開發(fā)效率柳恐，比如：文件合并，文件拷貝热幔，less編譯乐设，css壓縮， js壓縮绎巨，圖片壓縮等近尚。
gulp官方網(wǎng)站：gulpjs.com
gulp中文網(wǎng)站：www.gulpjs.com.cn
gulp基于node.js，需要配置node環(huán)境场勤。
在node.js官網(wǎng)下載最新版node安裝包戈锻，由于安裝包格式為msi，一路確定即可和媳，安裝程序會(huì)自動(dòng)配置環(huán)境變量格遭。
安裝完成在控制臺(tái)輸入指令node -v檢測(cè)是否安裝成功，若出現(xiàn)版本號(hào)表示安裝已安裝成功留瞳。
npm是node.js的包依賴管理工具拒迅，類似于java中的maven，前端頁面依賴包一般也用bower她倘。
開發(fā)者為node.js開發(fā)了大量工具包璧微，在npm官網(wǎng)可查看具體包信息，按照說明下載使用硬梁。由于官網(wǎng)訪問速度慢前硫，用淘寶npm鏡像也可，與官網(wǎng)每十分鐘同步一次荧止，基本保持一致屹电。
安裝node過程中已經(jīng)自動(dòng)安裝了npm，默認(rèn)位置為：C:\Program Files\nodejs\node_modules\npm
配置npm的環(huán)境變量罩息，通過命令npm -v查看npm是否安裝成功
接下來我們?cè)贓盤根目錄創(chuàng)建myweb文件夾嗤详，表示項(xiàng)目。進(jìn)入myweb項(xiàng)目文件夾瓷炮，在控制臺(tái)輸入npm init初始化葱色，創(chuàng)建package.json配置文件。一路回車即可娘香，直至項(xiàng)目根目錄生成package.json文件苍狰，表示初始化完成办龄。package.json文件為本項(xiàng)目配置文件。
在控制臺(tái)輸入npm install gulp --save-dev安裝項(xiàng)目開發(fā)依賴包gulp淋昭，--save表示寫入配置文件即package.json文件中俐填，-dev表示只在開發(fā)階段依賴。安裝完成后項(xiàng)目根目錄出現(xiàn)node_modules文件夾翔忽。
控制臺(tái)輸入gulp -v檢查是否安裝成功英融。出現(xiàn)版本號(hào)表示安裝成功。
查看package.json文件歇式，多了以下信息：
1 "devDependencies": {
2 "gulp":"^3.9.1"
3 }
此時(shí)在項(xiàng)目根目錄新建文件gulpfile.js驶悟，注意文件名為固定，不能隨意修改材失。此時(shí)項(xiàng)目根目錄的情況是這樣的：
到此痕鳍，基礎(chǔ)環(huán)境已搭建完成。
