gulp使用：
1.建立專案;
2.開啟cmd,進入專案目錄;
3.新建package.json檔案,指令cnpm init。如果沒有出錯，可能不存在cnpm指令,
可以通過指令npm install cnpm -g --registry=https://registry.npm.taobao.org
新增,或者直接用npm(容易出現異常);
4.專案中安裝gulp,指令cnpm install gulp --save-dev;
5.安裝專案中所要用到的外掛,常用的有如下
    (1)sass的編譯(gulp-sass)
    (2)自動新增css字首(gulp-autoprefixer)
    (3
 
)壓縮css(gulp-minify-css)
    (4)js程式碼校驗(gulp-jshint)
    (5)合併js檔案(gulp-concat)
    (6)壓縮js程式碼(gulp-uglify)
    (7)壓縮圖片(gulp-imagemin)
    (8)自動重新整理頁面(gulp-livereload)
    (9)圖片快取，只有圖片替換了才壓縮(gulp-cache)
    (10)更改提醒(gulp-notify)
    (11)less的編譯(gulp-less)
可以一鍵安裝上面所以外掛，指令：
cnpm install gulp-less gulp-sass
 
 gulp-autoprefixer gulp-minify-css gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache --save-dev
也可以單獨安裝你想要的,指令cnpm install <對應外掛> --save-dev;
6.建立gulpfile.js檔案

我在這個專案中用了sass的編譯,js程式碼校驗,自動重新整理頁面外掛,同時安裝容易出錯,最好分步,指令：
cnpm install gulp-sass  gulp-livereload
 
 --save-dev;
cnpm install jshint(安裝程式碼檢查同時要加上，不然後面會報錯) gulp-jshint --save-dev;
cnpm install gulp-livereload --save-dev;

接下來寫gulpfile.js,先來寫sass編譯:
var gulp=require('gulp'),
sass=require('gulp-sass');//請求sass外掛,安裝時的外掛名
gulp.task('compile-sass',function (){
    gulp.src('scss/*.scss')//scss所在目錄
    .pipe(sass())
    .pipe(gulp.dest('css'));//生成css檔案的資料夾
});
命令執行：gulp compile-sass;compile-sass對應上面程式碼中的

同樣,js程式碼檢測也是這樣。
最後是自動重新整理,程式碼：
gulp.task('watch',function (){
    livereload.listen();
    gulp.watch('scss/*.scss',['compile-sass']);//監聽所有scss檔案,compile-sass對應上面
    gulp.watch('js/*.js',['jsLint']);//監聽所有js檔案,jsLint對應
});

三者程式碼合併後,輸入命令：gulp watch;watch也是對應程式碼中的
這樣就可以實時檢測了,scss檔案儲存後自動編譯成css檔案,js檔案有錯誤會在cmd裡提示。
其他外掛的使用一樣,先安裝對應外掛,然後把程式碼放到gulpfile.js中,網上很多程式碼複製即可。
實時更新網頁需要安裝外掛,這裡沒有做,可參照http://www.ydcss.com/archives/702去弄