在代碼編寫過程中，各種括號 {[()]} 必不可少。然而，隨著代碼量的增加，你有沒有因為括號的嵌套太多，而導致代碼難以閱讀？

我們來看看下面的代碼，在第三行代碼的最后部分，連續出現了5個右括號！

這還讓我們怎么愉快地Code Review或是改代碼？

不用怕！我們有Bracket Pair Colorizer 2！它為代碼中的各種結對的括號兄弟們提供了顏色高亮等功能。

我們再來看看，安裝了這個插件之后的效果。各個結對的括號兄弟都有了不同的顏色。不管是Code Review或是改代碼，都便利了許多呢！

Before:

After:

除此之外，Bracket Pair Colorizer 2還提供了各種的配置選項，滿足你對顏色高亮的不同需求。

• 顏色的唯一性的設置

• 顏色的模式

• 設置選中括號時，相應匹配括號的CSS

• 是否在Gutter中顯示選中的括號

• 是否顯示Scope Line

其實除了以上功能，Bracket Pair Colorizer 2還有許多的配置項供大家選擇。大家可以下載下來使用一下，配置出最適合你的括號Style！

總結

以上是生活随笔為你收集整理的vscode中怎样格式化js代码_[VSCode插件推荐] Bracket Pair Colorizer: 为代码中的括号添上一抹亮色...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。