如何在PHPStorm中配置Babel进行代码编译？

本文共计421个文字，预计阅读时间需要2分钟。

下面是简化后的内容：

由PHPStorm教程栏目为大家介绍PHPStorm下如何设置Babel编译。希望对需要的朋友有所帮助！

在PHPStorm下设置Babel编译，主要是在PHPStorm中使用扩展工具直接进行Babel编译，主要是对JSX进行编译。

下面由phpstorm教程栏目给大家介绍phpstorm下如何设置babel编译，希望对需要的朋友有所帮助！

phpstorm下设置babel 编译

在phpstorm下使用扩展工具直接进行babel 编译，主要是对jsx进行编译，不用再引入browser.min.js,对学习reactjs有用处，初学走了不少弯路才弄懂，希望对初学者有所帮助，以下是配置步骤：

首先，安装nodejs、phpstorm这个就不说了，官网看；

然后，npm install babel babel-cli babel-preset-es2015 babel-preset-react
(注意 这里不用在意是否是全局安装，nodejs也可以选在安装在d e f盘……)

打开phpstorm,点左上 file->setting->tools->External tools，然后点击上边的加号添加新的扩展工具：

填写扩展工具名称BABEL，不多说，下面的配置就如上图，配完点击OK。