什么是GULP
GULP是前端開發過程中對代碼進行構建的工具，是自動化項目的構建利器；她不僅能對網站資源進行優化，而且在開發過程中很多重復的任務能夠使用正確的工具自動完成；使用她，我們不僅可以很愉快的編寫代碼，而且大大提高我們的工作效率。GULP 是 基 于 Nodejs 的 自 動 任 務 運 行 器 ， 她 能 自 動 化 地 完 成javascript/coffee/sass/less/html/image/css? 等文件的的測試、檢查、合并、壓縮、格式化、瀏覽器自動刷新、部署文件生成，并監聽文件在改動后重復指定的這些步驟。
在實現上，她借鑒了Unix操作系統的管道（pipe）思想，前一級的輸出，直接變成后一級的輸入，使得在操作上非常簡單。gulp 和? grunt 非常類似，但相比于? grunt 的頻繁? IO? 操作，gulp 的流操作，能更快地更便捷地完成構建工作。
安裝gulp
Gulp是基于node.js環境運行的，所以我們首先需要安裝node.js環境。
Node.js的安裝
1. 下載nodejs安裝包? 到nodejs官網下載軟件? https://nodejs.org
2. 安裝Nodejs
在Window系統中直接下一步下一步式安裝。安裝好后WIN+R輸入cmd調出DOS窗口，輸入node -v看看是否有版本信息，如果沒有則查看系統變量Path，把path配置上去。
如果出現版本號就說明已經成功了。
3. 推薦安裝 cnpm
npm服務器在國外，網絡影響大，甚至還會遇到需要翻墻才能下載插件的情況，因此推薦安裝cnpm。注：cnpm跟npm用法完全一致，只是在執行命令時將npm改為cnpm。后面的演示均使用cnpm【淘寶npm鏡像，這是一個完整? npmjs.org? 鏡像，你可以用此代替官方版本(只讀)，同步頻率目前為? 10 分鐘? 一次以保證盡量與官方服務同步】。? 鏡像地址：http://npm.taobao.org/
3.1 安裝cnpm
執行 npm install cnpm -g --registry=https://registry.npm.taobao.org
3.2 檢測cnpm是否安裝成功
執行cnpm -v 顯示版本號即安裝成功
gulp的安裝
全局安裝gulp
打開Node.js command prompt 或者cmd命令提示符，輸入命令：npm install –g gulp然后輸入gulp -v，看看是否有版本信息。
項目文件根目錄新建package.json
注：package.json是基于nodejs項目必不可少的配置文件，它是存放在項目根目錄的普通json文件重點內容
?? 進入你的項目文件
示例：進入? D:/WWW/test 項目文件夾中
gulp安裝教程，使用教程，簡單的自動化任務教程
執行命令? cnpm init 來新建package.json
gulp安裝教程，使用教程，簡單的自動化任務教程
檢測package.json是否成功新建
查看項目文件根目錄，是否新建package.json，且內容是否和你終端中輸入的一致。
注：可不使用cnpm init方式，可選擇手動創建package.json配置文件
本地安裝gulp
建立項目，創建gulpfile.js和package.json文件。運行命令cnpm install gulp --save-dev安裝本地gulp。
gulp的實施與使用
創建工作目錄與發布目錄
工作目錄：即沒有經過壓縮合并等處理的文件存放目錄。
發布目錄：即項目發布所引用的文件目錄地址，這里的文件是經過gulp壓縮合并等處理
后生成的文件，處理過后的名字可以自定義，也可以不處理即與未處理文件名相同。
