PHPStorm JSX / React语法高亮显示

时间:2015-05-18 17:42:34

标签: reactjs phpstorm react-jsx

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

PHPStorm React Template

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

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

3 个答案:

答案 0 :(得分:37)

我遇到了同样的问题,解决方法是在PHPStorm 8上使用JSX Harmony:

Preferences / Languages & Frameworks / JavaScript

JavaScript language version设为JSX Harmony

或转到PHPStorm 9 EAP。我希望PHPStorm 9很快就会上市(因为我的EAP版本存在性能问题)。

答案 1 :(得分:5)

PHPStorm 7

文件 - >设置 - >语言& Frameworks-> Javascript成为>

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

答案 2 :(得分:-1)

Preferences > Languages & Frameworks > JavaScript > JavaScript language version 从下拉菜单中选择 React JSX 并等待进度条完成以应用更改。