Visual Studio常用外掛推薦

// in settings.json
"emmet.includeLanguages": {
  "html": "html",
  "erb": "erb",
  "javascript": "javascriptreact",
  "vue": "html",
  "ejs": "html"
},

VS Live Share - 這個擴充套件是神奇的，我真的相信它會在不久的將來改變程式碼教育和結對程式設計。它允許開發人員在不同計算機上的Google Doc風格的同一檔案上進行協作。您甚至可以跨機器開啟對localhost埠的訪問許可權並共享終端會話。有一些錯誤，特別是在Windows機器上，但它太酷了，甚至不重要！

程式碼拼寫檢查 - 我在文字編輯器中直接寫了很多Markdown和頁面內容，我肯定有一些拼寫問題。我喜歡這個擴充套件程式，用於強調我的錯誤並提供建議，即使在我離線時也是如此。

Import Cost - 這個更像是“很高興”而不是必需，但它顯示了我在專案中匯入的npm包的大小。

HTMLHint - 我直接在我的編輯器中使用它進行實時HTML驗證。不再需要在每次更改時執行W3C驗證器！

GitLens - GitLens在文件中顯示Git責備註釋和作者突出顯示。它對於多作者專案的工作非常有幫助！

CodeRunner - 此擴充套件允許您按下播放按鈕直接在VSCode中執行程式碼，無需終端互動！對新程式設計師特別有用。

Bracket Pair Colorizer - 支架著色器

Fira Code + Font Litigatures - 使用設定同步和支架著色器。也是材料圖示主題

CodeSandBox - 可以在CodeSandBox中使用自己的VS程式碼主題

你正在使用Python，你可能會對indent-rainbow感興趣

EditorConfig - 配置編輯器

Save and Run是Run on Save的一個分支，可以自動為您執行Prettier(是一個流行的程式碼格式化工具的名稱,)。它允許您配置基於正規表示式儲存檔案時執行的多個命令。我最喜歡的一個用途是執行一個bash指令碼，在每次自動儲存時為我的自述檔案自動生成TOC。

quokkajs.com  -  快速測試程式碼片段，一邊輸入Js程式碼，一邊測試是否正常執行。安裝擴充套件後，按Ctrl/Cmd + Shift + P顯示編輯器的命令選項板，然後鍵入Quokka以檢視可用命令的列表。選擇並執行該New JavaScript File命令。現在您已經準備好了，只需在編輯器中輸入一些程式碼，然後看看接下來會發生什麼。

“Better comments'”有利於改善大多數主題的語法顏色。'Overtype'使插入鍵正常工作。“Settings sync”允許您使用私有GitHub要點跨例項同步您的設定和外掛 - 這太棒了！

在最新版本中將“window.titleBarStyle”設定為“custom”會在Windows上為您提供更清晰的介面。

"Popping and Locking Theme" : 對於處理大量HTML / CSS / JS的web開發人員，我建議使用“Live Server”

搜尋autocomplete自動完成，各種語言的自動會節省你鍵入程式碼的數量。