PHPStorm JSX/React 语法高亮

IT技术 reactjs phpstorm react-jsx
2021-05-08 02:23:43

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

PHPStorm react模板

这只是一个小组件,但是对于更大的组件肯定会很烦人。此外,代码格式无法按预期工作。

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

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

Preferences / Languages & Frameworks / JavaScript

设置JavaScript language versionJSX Harmony

或移至 PHPStorm 9 EAP。不过,我希望 PHPStorm 9 将很快可用(因为我遇到了 EAP 版本的性能问题)。

PHPStorm 7 上

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

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

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