webstorm 配置 babel

*个人手记

1.准备：系统-win10， 需先安装npm

2.全局安装babel-cli

使用cmd输入命令行：
npm install babel-cli -g

在npm根目录的会出现“babel.cmd”

3.安装 babel-preset-env
新建一个项目文件夹，使用webstorm的cmd（或者使用cmd跳转到项目根目录）输入命令行：
npm install babel-preset-env

然后在项目根目录会新建一个“node_modules”文件夹。

4.开启webstorm对es6的支持；
file - settings - languages&framesworks - javascript；选择es6

5.新建监听
filewatcher - 新建babel监听，参数使用默认的就可以。

6.使用es6
新建一个js文件，使用es6语法，自动保存后，会项目根目录新建一个“dist”文件夹，里面放的就是es5的js文件。

/2017-07-15 补充 /

由于直接安装babel时会创建“node_modules”文件夹,webstrom会立即索引该文件夹,导致卡顿现象.

在新项目时,如果没有"node_modules",先手动创建,然后把该文件夹移出索引:
右键该文件夹,选择"mark as"---"excluded";

最后再安装babel.