Node.js实现ES6代码自动编译--Babel
现有环境对ES6的支持：
目前Node.js 最新的V6.11.5版本基本上实现了对ES6特性的全支持，但在Webstorm现有开发环境下，不支持所有的ES6特性执行。即相同的代码，用[email protected]
app.js能启动，在Webstorm上却不能启动。这就需要借助Babel-cli转码工具实现对代码的实时转换，就可以在Webstorm上用ES6编码，而且能正常运行。
配置Babel-cli自动转码：
第一步：打开webstorm的Terminal (快捷键alt+f12)，安装babel-cli.(需要先安装node.js)
- npm install --save-dev babel-cli
第二步： 选择语法监测为ES6，File-->Settings-->Languages&Frameworks-->JavaScript
JavaScript language version 选择ECMAScript 6.
第三步：配置.babelrc文件，在根目录下新建一个.babelrc文件：
- {
- "presets": [
- "es2015"
- ]
- }
第四步：配置Filewatcher实时监测：
Arguments：--source-maps --out-file $FileNameWithoutExtension$-compiled.js --presets es2015 $FilePath$更改为--source-maps --out-file $FileNameWithoutExtension$.js --presets es2015 $FilePath$
Output paths to refresh ：$FileNameWithoutExtension$-compiled.js:$FileNameWithoutExtension$-compiled.js.map更改为$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map
第五步：在Teminal界面输入cnpm install。即完成配置。