下面來介紹一下使用Gulp+Babel進行ES6開發環境的部署：
（操作很簡單，寫的比較詳細所以字數比較多，別被嚇退了哈，而且大部分配置都是一勞永逸，多個項目都可以通用，哈哈）
安裝NodeJS
既然使用Gulp跟Babel肯定少不了NodeJS， NodeJS 各個平臺均有對應的一鍵安裝包，簡單方便又省心！
安裝完成後打開命令行，分別輸入
$ npm -v $ node -v
出現如下輸出就代表安裝成功了（這裡我用的是GitBash，推薦使用，安裝Git自帶）
初始化NPM配置
在項目文件夾根目錄，執行
$ npm init
按照提示填好，除了name和version字段其他都是選填項，一路回車就OK了
最後項目根目錄會出現一個 package.json 的配置文件，多數情況不會手動去修改，安裝依賴時NodeJS會自動讀寫這個配置文件。
國內由於眾所周知的原因NPM安裝源訪問的速度十分緩慢，建議使用如下命令更改為某寶的NPM鏡像：
$ npm config set registry https://registry.npm.taobao.org/
安裝Gulp
首先全局安裝Gulp：
$ npm install -g gulp
安裝過程可能出現一些警告，不用理他，最後執行
$ gulp -v
只要正確輸出了版本號就OK了。
然後在項目根目錄安裝開發依賴：
$ npm install --save-dev gulp
許多小夥伴會疑惑這兩種安裝方法有什麼差別，其實很簡單，全局安裝的一般是需要直接在命令行中使用的命令，比如這裡的gulp：
$ gulp taskName
全局安裝之後就可以直接在命令行中使用這樣的命令來執行Gulp任務了。
而在項目根目錄安裝的開發依賴則是在項目根目錄中的 ./node_modules 目錄中放入模塊的文件，可以直接在項目中通過require()來引入的模塊。
安裝Gulp & Babel相關插件
① 首先安裝 gulp-babel ：
$ npm install --save-dev gulp-babel
② 安裝轉碼包：
$ npm install --save-dev babel-preset-latest
我這裡安裝了最新版本的轉碼包，這個轉碼包支持ES2017（Stage3）&ES2016&ES2015語法的轉換。如果你只想使用正式推出的ES6（ES2015），則可以僅安裝ES6的轉碼包：
$ npm install --save-dev babel-preset-es2015
Babel轉碼配置：
$ echo '{ "presets": ["latest"] }' > .babelrc
也可以手動在項目根目錄創建 .babelrc 文件進行編輯；
僅轉換ES6的小夥伴將命令中的 latest 換成 es2015 就OK了。
③ 安裝 gulp-watch：
$ npm install --save-dev gulp-watch
gulp-watch 用於實時監控文件變化實時編譯文件，這樣就不用每次寫完代碼再去手動運行gulp任務編譯文件了，也是懶人必備！
配置Gulp
終於到最後一步了，哈哈，具體配置如下圖，寫了比較詳細的註釋了：
保存到項目根目錄的 gulpfile.js 文件就好了。最後在項目根目錄執行：
$ gulp
即可運行默認任務（任務名為 default）
趕快寫個ES6語法試試吧~↖(^ω^)↗
