1.全域性安裝gulp

輸入npm install gulp -g命令，然後用 gulp -v檢視是否安裝完成；

2.新建package.json檔案

進入你的本地專案（我的是F:\shijiebei\apps\Apps.Web），輸入npm init命令，其中 name, version, description必填，其他無所謂，填完後儲存，在testgulp專案下就會生成package.json檔案；

3.專案內安裝gulp

用npm install gulp --save-dev或 npm install --save-dev gulp命令（解除安裝的話將前面的命令中install換成uninstall即可）；安裝完後，在package.json裡能看到具體版本資訊。

4.專案內安裝gulp外掛

5.在專案根路徑建立檔案 .babelrc

{
  "presets": ["es2015"]


}

6.全域性安裝babel-cli,

npm install --global babel-cli

7.在專案裡安裝babel-core,

 npm install babel-core --save-dev

8.在專案根路徑建立檔案 gulpfile.js檔案

var gulp = require("gulp");
var babel = require("gulp-babel");


gulp.task("default", function () {
    return gulp.src("Webapp/Scripts/*.js")// ES6 原始碼存放的路徑
      .pipe(babel())
      .pipe(gulp.dest("Webapp/dist")); //轉換成 ES5 存放的路徑


});

9.運執行  gulp

gulp default

10.因為是git版本控制工具，所以在.gitignore檔案裡面新增要忽略的檔案

# 忽略前臺的gulp檔案
/apps/Apps.Web/node_modules
/apps/Apps.Web/.babelrc
/apps/Apps.Web/gulpfile.js
/apps/Apps.Web/package.json
/apps/Apps.Web/package-lock.json