Visual Studio Code好用排版擴充元件介紹

Visual Studio Code是微軟在近期所推出的一套開發工具，該工具具有免費、開放原始碼、可跨平台安裝與大量的擴充元件可供安裝等特性，也因為上述特性，讓該工具在短時間之內席捲全球，變成最受歡迎的開發工具之一，甚至在Stack Overflow的2019年的統計報告中，被列入最受歡迎的開發工具的第一名，如下圖：

資料來源：https://insights.stackoverflow.com/survey/2019

而該工具在安裝之後，有高達兩萬多個套件可供安裝，來協助使用者在開發應用程式時能夠更得心應手，本文章介紹了幾個關於排版的好用套件，可以讓我們使用Visual Studio Code開發時，能夠更容易辨識程式碼段落與檔案。

● indent-rainbow

該擴充套件可以提供不同顏色的反白功能，供開發者更容易看清楚程式碼縮排與段落，如下圖為未安裝前的程式碼畫面：

安裝之後，顯示效果如下：

HTML標籤也能夠提供顯示，如下圖：

● Bracket Pair Colorizer 2

該元件提供各式色彩的括號對應，可以讓開發者在複雜的程式碼中更清楚看出每個程式區塊，程式區塊方便辨識之後，當然也能夠減少程式碼錯誤。

此元件有兩個版本，分別為Bracket Pair Colorizer與Bracket Pair Colorizer 2，官方文件提到，兩者的文件轉譯功能均是同一個，差別在Bracket Pair Colorizer 2速度更快、處理更準確。

如下圖為未安裝前的程式碼畫面：

安裝之後，顯示效果如下：