a7bd816fd00baf204a64ccaed9e5d519.png

在代码编写过程中,各种括号 {[()]} 必不可少。然而,随着代码量的增加,你有没有因为括号的嵌套太多,而导致代码难以阅读?

我们来看看下面的代码,在第三行代码的最后部分,连续出现了5个右括号!

67d392bc37f0e01cd0d6a89577420f1a.png

eaeccfd81490e7125c203b147adb990c.png

这还让我们怎么愉快地Code Review或是改代码?

不用怕!我们有Bracket Pair Colorizer 2!它为代码中的各种结对的括号兄弟们提供了颜色高亮等功能。

我们再来看看,安装了这个插件之后的效果。各个结对的括号兄弟都有了不同的颜色。不管是Code Review或是改代码,都便利了许多呢!

Before:

67d392bc37f0e01cd0d6a89577420f1a.png

After:

56eb7e9488110cb563555a2099932284.png

除此之外,Bracket Pair Colorizer 2还提供了各种的配置选项,满足你对颜色高亮的不同需求。

  • 颜色的唯一性的设置

225436bf7bf893f03fcfb0f70204b512.png

6a06d1caf0466cad29ad664bf4f175a8.png
  • 颜色的模式

d94badfa25e4444746ffead1fb636209.png

d9484fa55b1b891829b4e2141b8c104f.png
  • 设置选中括号时,相应匹配括号的CSS

6b68253f5d5a34495413d0491e56b299.png
  • 是否在Gutter中显示选中的括号

488dda7d863d75717332b8264d7b4305.png
  • 是否显示Scope Line

610e43baf465c6135c423ae0d8c70679.png

其实除了以上功能,Bracket Pair Colorizer 2还有许多的配置项供大家选择。大家可以下载下来使用一下,配置出最适合你的括号Style!

Logo

一站式 AI 云服务平台

更多推荐