安裝Gulp.js Gulp是給予Node.js的，故首先安裝Node.js[1]，完成之後執行下麵的命令安裝Gulp： npm install -g gulp //-g (global)執行全局安裝gulp，這樣在任何地方都可以進行 gulp 操作 安裝完成之後，需要在我們的項目中使用，需要命令行 ...
安裝Gulp.js
Gulp是給予Node.js的，故首先安裝Node.js[1]，完成之後執行下麵的命令安裝Gulp：
npm install -g gulp //-g (global)執行全局安裝gulp，這樣在任何地方都可以進行 gulp 操作安裝完成之後，需要在我們的項目中使用，需要命令行切換到項目更目錄（可以 右鍵 點擊項目目錄選擇 在此處打開命令視窗(W)）然後執行下麵的命令：
gulp init如圖所示，會需要設置一些name，version等屬性，一般一直按回車確認即可
// 生成一個package.json，裡面是一些常規的配置信息
完成之後在項目更目錄下多了一個package.json的文件，內容如下：
npm install gulp --save-dev //將gulp安裝到項目目錄中，bing生成依賴信息於package.js內的 devDependencies
npm install 插件名 --save-dev //多個插件可以用空格分隔 npm install gulp-util gulp-uglify gulp-concat --save-dev //安裝 gulp-util gulp-uglify gulp-concat 插件 //gulp-uglify:用於壓縮js //gulp-concat : 用於合併文件
創建配置文件gulpfile.js 要使用Gulp還需要進行相關的配置，把我們的插件載入進去： 在項目的更目錄內創建一個gulpfile.js文件（必須是這個文件名）， 舉個例子(安裝一個壓縮html的插件)
npm install gulp-htmlmin --save-dev //安裝html壓縮的插件配置內容如下：
var gulp = require('gulp'); var htmlmin = require('gulp-htmlmin'); //創建一個任務 gulp.task('minify',function(){ gulp.src('src/*.html') .pipe(htmlmin({collapseWhitespace:true})) .pipe(gulp.dest('dist')) });
在該目錄下的控制臺中鍵入：
gulp minify //執行壓縮html的任務
查看項目中目錄：
.png)
自動生成了一個dist文件夾，並且裡面有一個index.html文件
.png)
其他插件也是同樣的方式進行配置，趕緊上手去試試吧，是不是覺得 so easy呢？
[1]:https://nodejs.org/en/download/
[2]:https://www.npmjs.com/ 裡面有海量的插件庫
