命令:express -e ./ express表示安裝express -e表示使用ejs作為模板 ./表示當前目錄中 (使用上面的命令之前我們應該使用npm安裝express框架 sudo npm install -g express sudo npm install -g express-generator )

1.1安裝cnpm

執行 npm install cnpm -g --registry=https://registry.npm.taobao.org

1.2檢測cnpm是否安裝成功

執行cnpm -v 顯示版本號即安裝成功

全局安裝gulp

2.1 全局安裝gulp

執行 cnpm install gulp -g

2.2檢測gulp是否安裝成功

執行 gulp -v 顯示版本號即安裝成功

執行命令 cnpm init 來新建package.json

本地安裝gulp插件

註：全局安裝gulp是為了執行gulp任務，本地安裝gulp則是為了調用gulp插件的功能

進入你的項目文件路徑中後，執行cnpm install gulp --save-dev

1. 安裝gulp-sass插件（拿該插件進行示例）

   進入你的項目文件路徑中後，執行cnpm install gulp-sass --save-dev

2. 新建gulpfile.js（重要，重要，重要）

   gulpfile.js是gulp的配置文件，放於根目錄中。

   

常用插件

sass的編譯（gulp-sass）

less編譯 （gulp-less）

重命名（gulp-rename）

自動添加css前綴（gulp-autoprefixer）

壓縮css（gulp-clean-css）

js代碼校驗（gulp-jshint）

合並js文件（gulp-concat）

壓縮js代碼（gulp-uglify）

壓縮圖片（gulp-imagemin）

自動刷新頁面（gulp-livereload，谷歌瀏覽器親測，谷歌瀏覽器需安裝livereload插件）

圖片緩存，只有圖片替換了才壓縮（gulp-cache）

更改提醒（gulp-notify）

gulp安裝，淘寶鏡像