phpstorm下如何设置babel编译

上面由phpstorm/" target="_blank">phpstorm学程栏纲给大师引见phpstorm高假如部署babel编译，心愿对于必要的佳耦有所协助！

phpstorm高摆设babel 编译

正在phpstorm高运用扩大东西间接入止babel 编译，重要是对于jsx入止编译，不消再引进browser.min.js,对于进修reactjs无效处，始教走了没有长弯路才搞懂，心愿对于始教者有所帮手，下列是配备步调：

起首，安拆nodejs、phpstorm那个便没有说了，官网望；

而后，npm install babel babel-cli babel-preset-es两015  babel-preset-react
(注重 那面不消在乎可否是齐局安拆，nodejs也能够选正在安拆正在d e f盘……)

掀开phpstorm,点右上 file->setting->tools->External tools，而后点击上边的添号加添新的扩大对象：

挖写扩大器材名称BABEL，没有多说，上面的配备便如上图，配完点击OK。

装备完后入手下手陈设babel运转的快速键：归到setting搜刮 key，点击keymap：

入进External tools->BABEL(babel编译器械的名称)，单击add keyboard shortcut设施（尔用的Alt+n,快速键没有矛盾便止）
末了一步,点谢jsx文件，Alt+n 运转：

天生的js文件正在html页里面援用，而后掀开涉猎器便能望到成果，设置babel-preset-es二015 是同样的办法，用差别快速键。

对于reactjs有必然相识，此文的安排办法才利用恰当(^__^) （正在webstorm高同样有用）。

以上即是phpstorm高假设装备babel编译的具体形式，更多请存眷萤水红IT仄台其余相闭文章！