webstorm配置babel自动转译es6的方法

本文主要是介绍webstorm配置babel自动转译es6的方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.npm安装babel

npm install -g babel-cli

2.npm安装Babel的preset

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

3.工程路径新建.babelrc文件（不要落了前面的“.”），内容如下

{"presets": ["es2015"]
}

.4 打开Settings->Tools->File Watcher->Babel,

5.

5 双击打开Babel，进行配置
重点是Watcher Seetings参数：

• Arguments:--source-maps --out-file $FileNameWithoutExtension$-compiled.js --presets es2015 $FilePath$

 

.6 这样就完成了自动转换js的配置，新建index.js文件测试，如下图,自动生成index-compiled.js文件，这个文件就是转译后的文件：

 

 

这篇关于webstorm配置babel自动转译es6的方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---