Gulp安裝使用
1. 安裝nodeJS
下載：www.nodejs.org 安裝
安裝完成，測試安裝結果
 node -v 檢視安裝的node版本
 npm -v 檢視安裝的npm版本

1. 建立並初始化node專案
   在我們已經的所在的專案中建立我們需要的資料夾（這些我們在初始化node專案中就已經建好）
   例子：建一個gulp資料夾然後裡面放我們需要的資料夾（也可以在gulp裡面建一個project資料夾來放所檔案）
   1， js資料夾。
   2，css資料夾
   3，image資料夾
   4，html頁面（和上面的資料夾是同一目錄）
   5，disk（裡面一樣有我們在做專案中所需要建的資料夾css，js等這裡面的檔案使我們把壓縮好的檔案存放的位置）。
   6，見一個js檔名gulpfile（這裡是我要寫壓縮檔案的js檔案也是和上面同一目錄）裡面的內容如下
   （匯入輸入的外掛
   var _gulp=require(“gulp”);//匯入一個gulp外掛
   var _gulpHtmlmin=require(“gulp-htmlmin”);//匯入一個html外掛
   var _gulpCssmin=require(“gulp-minify-css”);//匯入一個css外掛
   var _gulpJsmin = require(“gulp-uglify”);//匯入一個js外掛
   var _gulpImagemin = require(“gulp-imagemin”);//匯入圖片壓縮外掛
   建立任務
   第一個引數：任務名稱
   第二個引數：任務處理的函式
   _gulp.task(“cssmin”,function(){
   _gulp.src(“./css/*.css”)// src:表示要處理的檔案或者路徑
   .pipe(_gulpCssmin())// 呼叫外掛執行外掛的功能
   .pipe(_gulp.dest(“./disk/css/”));// 輸出到指定的資料夾下
   });
   _gulp.task(“js”,function(){
   _gulp.src(“./js/*.js”)
   .pipe(_gulpJsmin())//呼叫外掛執行外掛的功能
   .pipe(_gulp.dest(“./disk/js/”));//輸出到指定的資料夾下面
   });）
   （我們在呼叫的時候只需要在window（window r開啟命令）命令框中用gulp外掛呼叫任務名稱即 –例如gulp cssmin即可）
   //////////////////////////////////////////////////////////////
    建立一個普通專案
    命令列進入專案根目錄，執行npm init命令
   npm: node package manager :node包管理器
   init:初始化
   npm init:初始化node專案，生成package.json專案描述檔案
   初始化的時候，專案描述檔案中，可以什麼都不用寫，直接預設即可。

2. 安裝gulp外掛，和專案中的gulp支援
   安裝gulp外掛
   命令列執行如下命令
   npm install -g gulp

安裝專案中的gulp依賴
命令列進入當前專案中，安裝gulp支援
cd %project_directory%
npm install gulp –save-dev

安裝專案中使用的gulp外掛
安裝圖片壓縮外掛
npm install gulp-imagemin –save-dev
安裝js壓縮外掛
npm install gulp-uglify –save-dev
安裝css壓縮外掛
npm install gulp-minify-css –save-dev
安裝html壓縮外掛
npm install gulp-htmlmin –save-dev

1. 安裝好外掛之後，觀察專案資料夾下的gulpfile.js檔案
   {
   “name”: “project01”,
   “version”: “1.0.0”,
   “description”: “這是第一個node專案，通過npm init建立”,
   “main”: “index.js”,
   “scripts”: {
   “test”: “echo \”Error: no test specified\” && exit 1”
   },
   “author”: “laomu”,
   “license”: “ISC”,
   “devDependencies”: {
   “gulp”: “^3.9.1”,
   “gulp-htmlmin”: “^3.0.0”,
   “gulp-imagemin”: “^3.1.1”,
   “gulp-minify-css”: “^1.2.4”,
   “gulp-uglify”: “^2.0.0”
   }
   }