phpstorm 配置 babel 支持EcmaScript6

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了phpstorm 配置 babel 支持EcmaScript6相关的知识,希望对你有一定的参考价值。

1.安装nodejs

2.npm install --save-dev babel-cli

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

4.phpstorm->settings->language&framework->javascript->ecmaScript6

5.phpstorm->settings->tools->file Watchers->"+ Babel"

技术分享

建议file type选择ecmascript6 使用*.es6文件编写es6 编译后生成*.js 这样避免*.js编译后仍然生成*.js

在工程目录下新建.babelrc 添加配置

配置

{ "presets": ["es2015"] }

 

技术分享


 改写文件

技术分享

以上是关于phpstorm 配置 babel 支持EcmaScript6的主要内容,如果未能解决你的问题,请参考以下文章

babel 配置探究

babel 配置探究及错误解析

webpack3+babel+react 配置 支持 es6中的import()

PhpStorm+Xdebug配置单步调试PHP

phpstorm配置react开发环境

PHPSTORM2020.1+Xdebug2.9.8远程调试