现阶段，建议你直接考虑用gulp，利用gulp-babel转es6。 毕竟一个团队中不是每个人都是用的webstrom，还有毕竟后续es6不是你的唯一需求，比如你还需要webpack
现阶段版本中转es5后在IE8下还是有很多坑需要填，甚至有bug依然很难用常规手段解决，所以如果你们需要支持IE8不是很建议在实际项目中用babel。
如果鉴于是自己玩玩或者用来熟悉ES6，还是可以的，下面说一下如何在webstorm中进行配置：
1.首先在webstorm中创建空的项目
2.首先需要把webstorm设置为识别ES6的代码，否则在写ES6的时候会报错：
上图中，用红色圈出的位置修改为如图，
此时你在WebStorm中随意些新东西了。不会再出现错误的提示
3.配置babel
首先需要安装全局的babel：
npm install --global babel-cli
这里使用npm命令，如果没有安装node的，请自行安装，安装好之后，node会集成npm命令，帮助我们安装一些node的依赖。
然后添加Watchers，如下图
之后，你就可以去写ES6的代码，他会帮你自动编译成ES5
但是在你使用的时候，你会发现报错，提示你没有找到preset-es2015
此时需要通过npm命令安装：
npm install --save-dev babel-preset-es2015
安装完成之后，就webstorm就可以帮你自动转换了。
转换结果如下图：
好了。快点去试一试吧！