当前位置: 首页 > 知识库问答 >
问题:

PHPStorm JSX/React 语法高亮显示

田翔
2023-03-14

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

这只是一个小组件,但对于更大的组件来说,它肯定会变得非常烦人。代码格式化也不能按预期工作。

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

共有3个答案

白侯林
2023-03-14

偏好

简烨烁
2023-03-14

在PHPStom 7上:

文件-

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

邵兴怀
2023-03-14

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

偏好/语言

将< code>JavaScript语言版本设置为< code>JSX和声

或迁移到 PHPStorm 9 EAP。我希望PHPStorm 9将很快可用(因为我在EAP版本中遇到了性能问题)。

 类似资料:
  • 对于我使用的语法高亮Highlight.js自定义主题. 自动语言检测已关闭,因此您可能希望指定您使用的编程语言 ```rust fn main() { // Some code } ``` 与主题的其余部分一样,用于语法突出显示的css,可以使用您自己的文件覆盖. highlight.js 通常你不应该覆盖这个文件,除非你想使用更新的版本. highlight.css highlight

  • 目前我们已经为Potion文件实现了简单的关键字和函数的语法高亮。 如果没有做上一章的练习,你需要回去完成。我将假设你做了练习。 事实上,你应该回去完成你跳过的任何练习。即使你觉得你不需要,为了更好的学习效果, 你都得把它们完成了。请在这一点上相信我。 高亮注释 接下来我们需要高亮Potion的一个重要组成部分——注释。 问题是,Potion的注释以#开头,而#并不在iskeyword里。 如果不

  • 我在专业版的PyCharm中使用sekizai来控制我的JavaScript代码在页面中的呈现位置。 在我的django模板代码中,这意味着我的JavaScript没有包含在通常的

  • 如何使用ES2015代码在Visual Studio 2015 for JSX中获得正确的语法高亮显示? 我刚刚更新到Visual Studio 2015 Enterprise Update,但它仍然保持不变。

  • 我一直在寻找,到目前为止还没有找到任何在PyCharm中为jenkinsfile启用语法高亮的方法。有人知道做这件事的方法吗?我特别使用脚本管道。

  • 简单示例 https://github.com/odinserj/Hangfire.Highlighter 完整示例 http://highlighter.hangfire.io, sources Table of Contents 概述 配置项目 先决条件 创建项目 代码语法高亮 问题 解决问题 安装 Hangfire 转到后台处理 结论 概述 假设您正在构建一个代码仓库的 Web 应用程序,如