webstorm实现es6自动转换es5

平时学习es6，希望看到效果，或者开发过程中，希望自动转换成es5在浏览器运行：

1.目录下创建package.json

npm init

2.安装babel-cli

npm install babel-cli -g , 然后可以写入package.json：npm install babel-cli --save-dev

3.根目录下创建一个.barbelrc

{"presets":["es2015"]}

4.安装es2015

npm install --save-dev babel-preset-es2015

5.通过代码转换

babel index.js --out-file a.js

6.webstrom设置自动化

file>seettings>Tools>File Watchers 添加babel（我是默认设置，转换的会存在dist文件夹）

7.如果希望浏览器可以自动刷新，看到效果，当然可以利用live-server来实现，具体的可以百度用法