[VSCode插件推荐] Bracket Pair Colorizer: 为代码中的括号们添上一抹亮色

2018年12月31日 267点热度 0人点赞 0条评论

大家新年好!图片 这是 [VSCode插件推荐] 系列的第一篇,希望大家喜欢~ 如果大家有什么建议、或是有什么其他希望看到的内容、或是你也有VS Code相关的内容想分享出来,欢迎发送你的想法到公众号后台。


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

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

图片

图片

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


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

图片

(扫描二维码,访问插件的Marketplace页面)


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

Before:

图片

After:

图片


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

  • 颜色的唯一性的设置

图片

图片

  • 颜色的模式

图片

图片

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

图片

  • 是否在Gutter中显示选中的括号

图片

  • 是否显示Scope Line

图片

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

67630[VSCode插件推荐] Bracket Pair Colorizer: 为代码中的括号们添上一抹亮色

这个人很懒,什么都没留下

文章评论