一、安装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文件夹内。