enable file watcher to transpile ecmascript 6 to ecmascript 5 using babel
PanJiaChen/vue-element-admin Issues#1406
什麼是Babel？
Babel是一個JavaScript編譯器
Babel是一個工具鏈，主要用於將ECMAScript 2015+代碼轉換爲當前和舊版瀏覽器或環境中的向後兼容版本的JavaScript。以下是Babel可以爲您做的主要事情：
- 轉換語法
- 目標環境中缺少Polyfill功能（通過@ babel / polyfill）
- 源代碼轉換（codemods）
- 和更多！（看看這些視頻的靈感）
（1）Transpiles ECMAScript 6 code to ECMAScript 5
基於現在的瀏覽器還不是對ECMAScript6的支持，現在的做法都是把EC6 compile 成EC5再執行。
1.1 基於NPM的babel
下載babel。
1.2 基於webstorm 的file watcher
在執行完第一個步驟之後，你可以在npm的全局目錄下找到babel.cmd的執行文件
在webstorm的file watcher裏面添加babel
WebStorm中的ECMAScript 6：Transpiling
WebStorm支持 ECMAScript 6 語法。這種支持實際上不僅包括ECMAScript 2015標準，還包括2016,2017和2018標準，甚至還包括一些語言提案，例如 import（）。雖然這些功能在現代瀏覽器和運行時獲得越來越多的支持（請參閱Kangax兼容性表），但爲了部署ES6代碼，您仍然需要將其編譯爲ES5.1，即所有瀏覽器都支持的JavaScript版本。
WebStorm ES6 語法支持設置
ECMAScript 6是JavaScript語言的下一代標準，已經在2015年6月正式發佈了。Mozilla公司將在這個標準的基礎上，推出JavaScript 2.0。
ES6的目標，是使得JavaScript語言可以用來編寫大型的複雜的應用程序，成爲企業級開發語言。