
只有永遠躺在泥坑裡的人,才不會再掉進坑裡。——黑格爾
俗話說的好工欲善其事必先利其器
,小和尚我今天給大家推薦一些美觀又是實在的VS外掛,Let ' s go
功能篇
Auto Rename Tag
自動匹配修改元素(html元素只需修改一端,另一端自動跟著修改)

Auto Close Tag
自動閉合html元素(寫出元素的開始端後,閉合端自動生成)

Code Spell Checker
單詞檢測(英文單詞拼寫不準確人士必備)

Comment Translate
註釋翻譯(終於不怕看老外寫註釋了!功能可不僅僅是註釋翻譯?)

ESLint
程式碼規範校驗(無規矩,不成方圓。為了少些bug,這個還是很必要的)
Git History
檢視git歷史記錄(看看同事是不是又偷偷改程式碼了)

lit-html
js程式碼中進行html元素提示

Live Server
開啟本地伺服器

Markdown Preview Enhanced
使用Markdon語法編寫檔案(讓你感覺記筆記不在無聊)

Path Intellisense
書寫相對路徑自動提示(真的非常有用)

Project Manager
專案管理(快速切換專案)

視覺篇
Bracket Pair Colorizer
彩色括號配對(可別再說括號太多,找不了誰和誰匹配了)

indent-rainbow
彩色縮排

One Dark Pro
一款我非常喜歡的主題

TODO Highlight
TODO高亮

Trailing Spaces
高亮多餘空格(節約資源,從我做起)

Vibrancy
毛玻璃背景效果(Windows能調節透明度;Mac不能調整,只能用預設的)

擴充套件篇
RemoteHub
將github專案直接在本地開啟(再也不需要clone專案了)

koroFileHeader
自動在檔案頂部新增作者資訊(不打上點自己的logo,感覺程式碼都不是親生的)

LeetCode
閒暇之餘,刷刷演算法題,也不失為一種樂趣

Polacode
程式碼擷取(再也不怕截出馬賽克畫質的程式碼了)

Todo Tree
快速檢視含有TODO標記的檔案(今天你完成了你目標了嘛)

Code Ace Jumper
游標跳轉(多選功能,比跳轉實用)(釋放滑鼠,一個鍵盤走天涯)

溫馨提示:建議去setting關閉Search:followSymlinks
,不然VScode真的卡