在代码编写过程中,各种括号 {[()]} 必不可少。然而,随着代码量的增加,你有没有因为括号的嵌套太多,而导致代码难以阅读?
我们来看看下面的代码,在第三行代码的最后部分,连续出现了5个右括号!
这还让我们怎么愉快地Code Review或是改代码?
不用怕!我们有Bracket Pair Colorizer 2!它为代码中的各种结对的括号兄弟们提供了颜色高亮等功能。
我们再来看看,安装了这个插件之后的效果。各个结对的括号兄弟都有了不同的颜色。不管是Code Review或是改代码,都便利了许多呢!
Before:
After:
除此之外,Bracket Pair Colorizer 2还提供了各种的配置选项,满足你对颜色高亮的不同需求。
- 颜色的唯一性的设置
- 颜色的模式
- 设置选中括号时,相应匹配括号的CSS
- 是否在Gutter中显示选中的括号
- 是否显示Scope Line
其实除了以上功能,Bracket Pair Colorizer 2还有许多的配置项供大家选择。大家可以下载下来使用一下,配置出最适合你的括号Style!