我基本上每天都用vs code，我喜歡的小巧，開源，免費並且非常強大。尤其它非常多的插件可以免費使用。這裡我把經常用插件介紹給大家，希望大家留言討論

我把VS code 插件分兩類，一類是處理可視化的，比如說顏色，格式等等，第二類是功能類，就是幫助我快速開發的。

可視化類（4 個）

1.Material theme 和Material Icon Theme

安裝material theme完之後，可以選擇多種樣式，根據自己的喜好，我喜歡material theme darker high contrast。

Material Icon Theme是關於圖標的樣式，非常的好看，直接安裝就行。

2.Prettier

從名字上看，就知道它是用做格式化的，非常方面，我建議大家打開自動保持的設置，默認是關閉的。

一旦打開，在文件保存的時候，就會自動的格式化。

這插件允許用同顏色匹配的括號。 用戶可以定義要匹配的符號，以及對應的顏色。

bracket pair colorizer有兩個版本，我選擇第二個使用與VSCode相同的括號解析引擎，從而大大提高了速度和準確性。

4.Indent rainbow

這個插件使文本前面的縮進著色，每步交替四種不同的顏色。 對於編寫Nim或Python的代碼很有幫助。

Python 必備

功能類（6個）

從名字可以看出來，它是用來重命名一個HTML / XML標籤時，自動重命名配對的HTML / XML標籤，這個用起來非常節省時間。

2.Rest client,

這個插件跟post man功能一樣，但是非常的簡潔，方便。用了這個就不用來回在post man之間切換了。

3.CSS peek

允許窺視CSS ID和class strings從html文件到相應CSS的定義。 允許窺視和轉到定義。

4.html css support,

自動提示CSS的樣式

5.Live Sass compiler

這個插件，可通過瀏覽器加載來幫助您實時將SASS / SCSS文件編譯/轉換為CSS文件。

6.live server

啟動具有實時重新加載功能的本地開發服務器，以處理靜態和動態頁面。

在開發調試web的時候非常有用。

閱讀更多 中關村技術乾貨 的文章

關鍵字: 可視化技術 Studio