PHPStorm JSX/React语法高亮显示

Question

我正在将PHPStorm 8.0.3用于我当前的项目,但不幸的是它不支持JSX.在我的React组件(然后由Browserify编译)中,HTML以红色加下划线并且无效:

这只是一个小组件,但对于较大的组件肯定会变得非常烦人.代码格式也无法按预期工作.

1. 是否有(难以找到)设置可以实现正确的语法突出显示？
2. 如果没有这样的设置,是否可以下载相应的包？
3. 如果根本没有支持,我如何扩展PHPStorm(可能通过自定义颜色/语法模式)来接受我的js文件中的HTML？

Answer 1

我有同样的问题,解决方案是在PHPStorm 8上使用JSX Harmony:

Preferences / Languages & Frameworks / JavaScript

设置JavaScript language version为JSX Harmony

或转到PHPStorm 9 EAP.我希望尽快推出PHPStorm 9(因为我的EAP版本存在性能问题).

Answer 2

在PHPStorm 7上：

文件->设置->语言和框架-> JavaScript->

在下拉列表中选择选项React JSX（JavaScript语言版本）