前言
總的來說，玩gulp的流程是這樣的：
安裝nodejs -> 全局安裝gulp -> 項目安裝gulp以及gulp插件 -> 配置gulpfile.js -> 運行任務
說實在的，我並不是很清楚gulp是干什么的，但是每個人都說好，出於好奇心，忍不住就來研究一下，所以，搞清楚這個流程還是很有必要的。
基本安裝
安裝gulp之前我們需要安裝nodejs的環境，檢測能夠正常使用npm后，我們用npm對gulp進行一次全局安裝
npm install gulp -g
隨便在哪個路徑下面都可以進行全局安裝
安裝好了以后我們建立一個test作為項目主路徑，然后在cmd里cd到這個路徑用npm對gulp進行依賴安裝
npm install gulp --save-dev
完事后發現項目路徑下多了一個文件夾
說明安裝成功了
忍不住點進去會發現有一個package.json ，目前我暫時還不知道是干嘛的，只不過看網上很多人說這玩意兒很有用，先看看長什么樣子總是好的。
插件安裝
要使用gulp就必須使用gulp的插件，以下是我在網上搜索到的gulp插件：
sass的編譯（gulp-ruby-sass）
自動添加css前綴（gulp-autoprefixer）
壓縮css（gulp-minify-css）
js代碼校驗（gulp-jshint）
合並js文件（gulp-concat）
壓縮js代碼（gulp-uglify）
壓縮圖片（gulp-imagemin）
自動刷新頁面（gulp-livereload）
圖片緩存，只有圖片替換了才壓縮（gulp-cache）
更改提醒（gulp-notify）
清除文件（del）
至於怎么安裝嘛，還是要靠npm，可以一次性安裝多個，module name可以無限累加。
npm install gulp-ruby-sass gulp-autoprefixer gulp-minify-css gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache gulp-less del --save-dev
npm install gulp-ruby-sass --save-dev npm install gulp-autoprefixer --save-dev npm install gulp-minify-css --save-dev npm install gulp-jshint --save-dev npm install gulp-concat --save-dev npm install gulp-uglify --save-dev npm install gulp-imagemin --save-dev npm install gulp-notify --save-dev npm install gulp-rename --save-dev npm install gulp-livereload --save-dev npm install gulp-cache --save-dev npm install del --save-dev npm instal gulp-less --save-dev
路徑還是在項目路徑下
安裝完成后會發現在項目下的gulp文件夾多出了許多插件的文件夾
加載插件
插件安裝完成了以后就需要使用，使用之前必須先加載，我們使用require的方法來加載。
在此之前我們先要在項目的根路徑下建立一個名為gulpfile.js的文件，別問我為什么，我也不知道。
然后我們可以在里面寫入我們引用插件的代碼，最簡單的代碼如下：
var gulp = require('gulp'); gulp.task('default', function() { // 將你的默認的任務代碼放在這 });
我們把我們剛才安裝的插件全都加載進來
var gulp = require('gulp'), sass = require('gulp-ruby-sass'), autoprefixer = require('gulp-autoprefixer'), minifycss = require('gulp-minify-css'), jshint = require('gulp-jshint'), uglify = require('gulp-uglify'), imagemin = require('gulp-imagemin'), rename = require('gulp-rename'), concat = require('gulp-concat'), notify = require('gulp-notify'), cache = require('gulp-cache'), livereload = require('gulp-livereload'), del = require('del');
然后我們在cmd里輸入gulp命令，結果如下
這個名為default的task沒有做任何事情，具體要做一些壓縮之類的操作還得查閱更多的API。
如果想單獨執行一個task，就直接輸入"gulp <task name>"，比如我們想單獨執行default這個task就可以這樣
gulp default
到這里，我們的gulp環境就部署好了。
附：gulp插件github地址或API地址
sass的編譯（gulp-ruby-sass） https://github.com/sindresorhus/gulp-ruby-sass
自動添加css前綴（gulp-autoprefixer） https://github.com/Metrime/gulp-autoprefixer
壓縮css（gulp-minify-css） https://github.com/murphydanger/gulp-minify-css
js代碼校驗（gulp-jshint） https://github.com/spalger/gulp-jshint
合並js文件（gulp-concat） https://github.com/contra/gulp-concat
壓縮js代碼（gulp-uglify） https://github.com/terinjokes/gulp-uglify
壓縮圖片（gulp-imagemin） https://github.com/sindresorhus/gulp-imagemin
自動刷新頁面（gulp-livereload） https://github.com/vohof/gulp-livereload
圖片緩存，只有圖片替換了才壓縮（gulp-cache） https://github.com/jgable/gulp-cache
更改提醒（gulp-notify） https://github.com/mikaelbr/gulp-notify
清除文件（del） https://www.npmjs.com/package/del
參考文章：
http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B/