es6语法并不是所有浏览器或项目都支持，我们可以在webstorm中配置babel自动将es6语法转化为es5语法。其步骤如下：

1、安装nodejs

2、安装babel

npm install --save-dev babel-cli

3、对webstorm进行配置

File-->Settings-->Languages&Frameworks-->JavaScript    JavaScript language version 选择ECMAScript 6.

设置-工具-file Watchers-找到+号，选择Babel

就会出现Babel的相关配置，如果已经在电脑上安装好了babel，那么这个地址就会自动填入的。

怎么安装babel以及怎么实现转化，往往是个问题，我试验多种方式终于成功了。安装及实现方法如下：

1、全局安装babel

先到npm根目录C:\Users\XX\AppData\Roaming\npm\node_modules中执行npm install –save-dev babel-cli，本地安装 babel-cli.

每个电脑上安装的node的地址不一样，所以上面是我自己的安装地址。

2、检测babel安装成功与否

在cmd中执行babel -V   (这个V是大写)  ，显示版本号表示安装成功

我们之前在测试nodejs安装成功与否的时候只需要node -v即可，测试babel的时候，这个V必须是大写的

3、在命令行中进入自己的项目中，执行 npm init    就会让你配置package.json,填写相关信息之后，就创建好了这个文件

4、配置好package.json文件后，在自己的项目中安装本地babel，执行下面这个命令行

npm install -save-dev babel-cli

5、在自己的项目中手动创建.babelrc这个文件

手动创建.babelrc这个文件，我采用的方法是直接新建一个txt文件，然后重命名，并且把txt这3个文件后缀名去掉。保留txt前面的小点，保存即可。然后把这个文件用编辑器打开，把下面的代码复制进去即可。

{

  "presets": ["es2015"],

  "plugins": []

}

6、在命令中安装转化文件

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

7、修改package.json这个文件的scripts代码

将项目下的package.json文件的script:{}改成  “build”:“babel src -d lib”  保存

8、在项目下新建一个src的文件夹。将es6的JS文件放进去

9、在命令行下执行 npm run build 这样就自动生成了一个lib文件夹，而编译好的js文件就在里边

按照上面的步骤操作，就会自动将es6语法变成es5语法。每次写完js代码后，就执行一次npm run build命令即可。就会自动编译