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语言可以用来编写大型的复杂的应用程序，成为企业级开发语言。