WebStorm使用Babel自动转换ES6代码为ES5代码

一、安装babel和前置组件

npm install -g babel-cli
npm install -g babel-preset-env
npm install -g babel-preset-es2015

二、配置webstorm

设置中，找到File Watcher。增加一个Babel类型的，正确添加Program值。

三、配置babel

项目目录下新建一个.babelrc文件。内容：

{
  "presets": [
    "es2015"
  ]
}

四、使用

这时，保存js代码时，会自动生成一个编译后的文件。默认声称在项目目录下dist文件夹内。