本文同步本人掘金平臺的文章：https：//juejin。cn/post/6978796685229031438

使用 Visual Studio Code 開發專案省時的六個外掛。

1。 vscode-icon

不同的檔案展示不同的圖示，方便快速識別檔案型別。相關地址：https：//marketplace。visualstudio。com/items？itemName=vscode-icons-team。vscode-icons

2。 Color Highlight

顏色標記。相關地址：https：//marketplace。visualstudio。com/items？itemName=naumovs。color-highlight

3。 Auto Rename Tag

html/xml標籤改變，將會成對改變～相關地址：https：//marketplace。visualstudio。com/items？itemName=formulahendry。auto-rename-tag

4。 Live Server

開啟本地服務，類似 webpack 中的熱載入，很適合編寫模版頁面。相關地址：https：//marketplace。visualstudio。com/items？itemName=ritwickdey。LiveServer

5。 Code Spell Checker

檢查單詞拼寫，支援駝峰式。相關地址：https：//marketplace。visualstudio。com/items？itemName=streetsidesoftware。code-spell-checker

6。 Rainbow Brackets

對你編寫巢狀塊狀語句很有幫助～相關地址：https：//marketplace。visualstudio。com/items？itemName=2gua。rainbow-brackets

比如：

function text （） { return { name： { hello： { age： 1 } } }}複製程式碼

【完】✅

嗯～又可以省下些時間摸魚了～

追加：

Error Lens 外掛 - 錯誤提示，相關地址：https：//marketplace。visualstudio。com/items？itemName=usernamehw。errorlens