如何使 PhpStorm/WebStorm 范围高亮显示更具表现力?

How to make PhpStorm/WebStorm scope highlighting look more expressive?

当我第一次学习 Java 时,我正在使用一个名为 "BlueJ." 的 IDE 它有一个名为 "Scope Highlighting" 的功能,这使得阅读代码块变得非常容易.见下图:

正如您在第一张图片中看到的,在 BlueJ 上,示波器的整个背景都用一种颜色突出显示。

在 PhpStorm 中,甚至在今天的大多数 IDE 中,我只得到一个范围的突出显示,我将光标设置在该范围上,而且只是以一种非常简约的方式,正如您在下图左侧:

有没有办法或 PhpStorm 的插件,让它看起来更像 BlueJ 的范围突出显示???

谢谢

编辑:

到目前为止我发现了什么: HTML有一些类似的东西,(设置>编辑器>常规>外观:启用HTML/XML标签树highlighting:Set不透明度高于0)然后你会得到这个:

其他语言(PHP、JS、...)的类似内容会让我非常高兴 :)

也许您也会喜欢 VSCode 扩展程序“Blockman”。它根据 curly/square/round 括号、html/xml 标记和 Python/Yaml 缩进突出显示嵌套代码块。 (我是 Blockman 的作者)。 .

到目前为止,我找到了两个解决方案。

  1. 插件Rainbow Brackets,更容易直观的找到对应的括号。

此外,它还提供了通过 Ctrl + Right Mouse ClickCtrl + Shift + Plus 突出显示当前范围的选项。快捷方式的名称是:Plugins | Rainbow Brackets | Highlight Current Scope,突出显示如下:

  1. built-in 快捷键跳转到匹配括号或代码块 start/end 处的括号。虽然它没有突出显示任何内容,但您可以快速找到匹配的括号。检查您的 ide-settings 的快捷方式:Editor Actions | Move Caret to Matching Brace / Editor Actions | Move Caret to Code Block End / Editor Actions | Move Caret to Code Block Start