vscode中怎样格式化js代码_[VSCode插件推荐] Bracket Pair Colorizer: 为代码中的括号添上一抹亮色...

本文介绍了一款名为BracketPairColorizer2的插件,它通过为代码中的括号提供颜色高亮,显著改善了嵌套过深括号的可读性,使得CodeReview和代码修改变得更加便捷。此外,文章还提到了其丰富的配置选项,帮助开发者个性化设置代码风格。
摘要由CSDN通过智能技术生成

31e1d8f2c9051bc6d8a16e8763d95284.png

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

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

0453875c13f043bdbf0cb5eb97cb8f9e.png

073c742791ceb52b5cb905d398fd782d.png

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

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

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

Before:

0453875c13f043bdbf0cb5eb97cb8f9e.png

After:

7478b26e6dde8a5840301ec6247d1415.png

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

  • 颜色的唯一性的设置

8b786dd9339ba87b0aa0b94ff9d5155e.png

086ec073d8a5d19d196b7738682bff2a.png
  • 颜色的模式

74412758f25965fea80f4265a4f2a872.png

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

0f45ae0d6339858e05c5f0fa070dee61.png
  • 是否在Gutter中显示选中的括号

095f08583680aacc4b252eb031699ef3.png
  • 是否显示Scope Line

982922226b6053510649726f65a878f9.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值