如何使 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 的作者)。
.
到目前为止,我找到了两个解决方案。
- 插件
Rainbow Brackets
,更容易直观的找到对应的括号。
此外,它还提供了通过 Ctrl + Right Mouse Click
或 Ctrl + Shift + Plus
突出显示当前范围的选项。快捷方式的名称是:Plugins | Rainbow Brackets | Highlight Current Scope
,突出显示如下:
- 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
当我第一次学习 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 的作者)。 .
到目前为止,我找到了两个解决方案。
- 插件
Rainbow Brackets
,更容易直观的找到对应的括号。
此外,它还提供了通过 Ctrl + Right Mouse Click
或 Ctrl + Shift + Plus
突出显示当前范围的选项。快捷方式的名称是:Plugins | Rainbow Brackets | Highlight Current Scope
,突出显示如下:
- 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