10個必備的Visual Studio Code (VS code)插件

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

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

可視化類(4 個)

1.Material theme 和Material Icon Theme

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


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



2.Prettier

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

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

3.Bracket pair colorizer 2

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

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



4.Indent rainbow

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


Python 必備


功能類(6個)

1.Auto Rename Tag

從名字可以看出來,它是用來重命名一個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的時候非常有用。