1.gulp是啥？
gulp的官方定義灰常簡潔： 基于文件流的構建系統 。（那么看到這句話你懂了么？反正.....我好像是沒懂-）
個人見解：gulp是前端開發過程中對代碼進行構建的工具，是自動化項目的構建利器，是方便我們進行項目開發的工具。
2.gulp能做什么？
她能自動化地完成 javascript/coffee/sass/less/html/image/css 等文件的的測試、檢查、合并、壓縮、格式化、瀏覽器自動刷新、部署文件生成，并監聽文件在改動后重復指定的這些步驟。
舉個栗子：項目結構如下：
這樣一個項目結構，運行index.html時，需要引入4個js文件
大家都知道，前端瀏覽器的加載信道非常有限，我們需要盡可能的少占用信道，加快瀏覽器的加載速度，我們通常的做法時將lib目錄中的文件合并為一個名為 vendor.js的文件，并將js目錄中的文件合并為一個名為 index.js的文件，最終的引用鏈接為：
<script src="js/vendor.js"></script>
<script src="js/index.js"></script>
當然項目中文件少時，我們確實可以手動，那么當需要合并的js很多時，當項目中的各個js文件是由不同的人開發時，難道我們要一次有一次的手動去合并？每改動一個文件我們都去手動合并一次？好麻煩有木有？！
這個時候 gulp出場了，它可以讓合并js這個操作自動化，你只需要給它編寫一個任務，然后運行這個任務即可。
那么，現在你明白它是做什么的了？
3.gulp怎么安裝？
- 1）安裝nodejs
gulp是一個node 模塊，第一步自然是安裝node
打開nodejs官網，點擊下載安裝即可
打開系統命令行工具，查看node是否安裝成功node -v，我安裝的是6.2.0版本
*2）安裝 gulp （打開命令行，進入指定目錄）
cd gulpDay1
npm install gulp
然后坐等安裝成功，安裝成功之后，目錄中會出現一個node_modules目錄，接下來我們查看是否安裝成功（gulp -v）
OK ! 大功告成！
安裝完了，我們是不是搞點事情啊 ? 給 gulp新建一個任務，讓他去搬磚怎么樣？
- 1）在
gulpDay1目錄下新建一個gulpfile.js文件（Ps：這是gulp運行必須的）
- 2）
gulpfile.js文件寫入代碼如下
//調用gulp模塊
var gulp = require('gulp')
//用gulp建立一個搬磚任務
gulp.task('banzhuan', function() {
console.log("你去搬磚吧");
});
- 3）運行這個任務 在
gulpDay1目錄下打開命令行，運行gulp banzhuan；運行結果如下
說明
- a 新建任務的格式
gulp.task(name[, deps], fn)
name 任務名字，類型：字符串；
deps 當前任務依賴的任務，這些任務會在你當前任務運行之前完成，類型：Array；例如
gulp.task('mytask', ['array', 'of', 'task', 'names'], function() {
// 做一些事
});
fn 任務所要執行的一些操作，類型：js代碼；
- b 運行任務的格式
gulp <task> <othertask>
gulp banzhuan huo_ni qi_qiang
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
注：本系列文章只做簡單入門，深入了解請自行修行。
