现在的前端一般都会使用ES6版本的JavaScript开发，但是绝大部分浏览器仅仅支持ES5，这时候我们就需要使用babel将ES6的代码转换成ES5。本经验介绍如何在Webstorm中配置babel，从而实现将ES6代码转换成ES5的功能
工具/原料
1
mac
2
webstorm
方法/步骤
1
首先进入webstorm的配置目录
2
进入工具一栏
3
选择文件监听器选项，然后点击下面的小加号
4
点击小加号以后，会弹出一个下拉框，在其中选择babel
5
选择babel后，会弹出一个babel配置项，一般使用默认配置就行，如果你系统安装的babel是自己定义的路径，则需要修改babel的系统路径
6
保存完后，webstorm就会自动监听文件的变化，然后使用babel将你的ES6代码转换成ES5