簡介：

gulp是前端開發過程中對代碼進行構建的工具，是自動化項目的構建利器；她不僅能對網站資源進行優化，而且在開發過程中很多重復的任務能夠使用正確的工具自動完成；使用她，我們不僅可以很愉快的編寫代碼，而且大大提高我們的工作效率。

gulp是基於Nodejs的自動任務運行器， 她能自動化地完成 javascript/coffee/sass/less/html/image/css 等文件的的測試、檢查、合並、壓縮、格式化、瀏覽器自動刷新、部署文件生成，並監聽文件在改動後重復指定的這些步驟。在實現上，她借鑒了Unix操作系統的管道（pipe）思想，前一級的輸出，直接變成後一級的輸入，使得在操作上非常簡單。通過本文，我們將學習如何使用Gulp來改變開發流程，從而使開發更加快速高效。

gulp常用地址：

gulp官方網址：http://gulpjs.com

gulp插件地址：http://gulpjs.com/plugins

gulp 官方API：https://github.com/gulpjs/gulp/blob/master/docs/API.md

gulp 中文API：http://www.ydcss.com/archives/424

1、gulp安裝步驟

　　安裝nodejs -> 全局安裝gulp -> 項目安裝gulp以及gulp插件 -> 配置gulpfile.js -> 運行任務

（1）安裝nodejs

　　官網：http://nodejs.org/ 下載安裝

（2）全局安裝gulp

　　cnpm install gulp-less --save-dev

（3）cnpm

　　淘寶鏡像：npm install cnpm -g --registry=https://registry.npm.taobao.org

　　3.2、使用npm安裝插件：命令提示符執行 npm install <name> [-g] [--save-dev]；

　　　　3.2.1、<name>：node插件名稱。例：npm install gulp-less --save-dev

　　　　3.2.2、-g：全局安裝。將會安裝在C:\Users\Administrator\AppData\Roaming\npm

　　　　　　　　 全局安裝可以通過命令行在任何地方調用它，本地安裝將安裝在定位目錄的node_modules文件夾下，通過require()調用；

　　　　3.2.3、--save：將保存配置信息至package.json（package.json是nodejs項目配置文件）；

　　　　3.2.4、-dev：保存至package.json的devDependencies節點，不指定-dev將保存至dependencies節點；一般保存在dependencies的像這些express/ejs/body-parser等等。

　　　　3.2.5、為什麽要保存至package.json？因為node插件包相對來說非常龐大，所以不加入版本管理，將配置信息寫入package.json並將其加入版本管理，

　　　　　　　　其他開發者對應下載即可（命令提示符執行npm install，則會根據package.json下載所有需要的包，npm install --production只下載dependencies節點的包）

　　3.3、使用npm卸載插件：npm uninstall <name> [-g] [--save-dev] PS：不要直接刪除本地插件包

　　　　3.3.1、刪除全部插件：npm uninstall gulp-less gulp-uglify gulp-concat ……???太麻煩

　　　　3.3.2、借助rimraf：npm install rimraf -g 用法：rimraf node_modules

　　3.4、使用npm更新插件：npm update <name> [-g] [--save-dev]

　　　　3.4.1、更新全部插件：npm update [--save-dev]

　　3.5、查看npm幫助：npm help

　　3.6、當前目錄已安裝插件：npm list

（4）項目安裝gulp以及gulp插件

　　本地安裝gulp ：cnpm install gulp --save-dev ；

　　PS：全局安裝gulp是為了執行gulp任務，本地安裝gulp則是為了調用gulp插件的功能。

　　gulp插件安裝：cnpm install gulp-less --save-dev；

gulp自動化構建工具使用總結