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

我們來(lái)看看下面的代碼，在第三行代碼的最后部分，連續(xù)出現(xiàn)了5個(gè)右括號(hào)！

這還讓我們?cè)趺从淇斓谻ode Review或是改代碼？

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

我們?cè)賮?lái)看看，安裝了這個(gè)插件之后的效果。各個(gè)結(jié)對(duì)的括號(hào)兄弟都有了不同的顏色。不管是Code Review或是改代碼，都便利了許多呢！

Before:

After:

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

• 顏色的唯一性的設(shè)置

• 顏色的模式

• 設(shè)置選中括號(hào)時(shí)，相應(yīng)匹配括號(hào)的CSS

• 是否在Gutter中顯示選中的括號(hào)

• 是否顯示Scope Line

其實(shí)除了以上功能，Bracket Pair Colorizer 2還有許多的配置項(xiàng)供大家選擇。大家可以下載下來(lái)使用一下，配置出最適合你的括號(hào)Style！

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。