1 GitHub Copilot

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=GitHub.copilot

GitHub Copilot 是開發人員的人工智能編碼伴侶，可以實時提供代碼建議。

這個擴展使編碼變得輕而易舉。這個擴展可以改善編碼體驗，提高生產力。

提示：您可以使用 GitHub Copilot 的免費試用版。

圖片

2 TODO Highlight

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight

這個擴展會突出顯示您的待辦事項注釋，并提醒存在未完成的注釋或任務。

該擴展附帶了內置的關鍵字 TODO: 和 FIXME:，也可以添加自己的關鍵字并更改其外觀。

圖片

3 Path Intellisense

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

在編碼中，細節往往決定成敗，即使是像編寫文件路徑這樣的小任務也可能繁瑣且易出錯。這就是 Path Intellisense 擴展的用武之地。這個擴展使查找正確的文件路徑變得簡單，因為它為文件名添加了自動完成功能。在輸入時，會為文件和文件夾提供建議，節省時間并避免錯誤。

4 GitLens

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

如果您想找出是誰修改了一行代碼或一段代碼塊，以及為什么修改，該擴展非常有用。

這個擴展讓開發人員無需離開編輯器，使開發人員能夠保持專注。任何額外花費在上下文切換或缺失上下文的時間都會中斷開發人員的工作流程，這對開發人員的生產力至關重要。

圖片

5 Prettier

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

保持代碼一致的格式是個挑戰，但使用正確的工具可以實現自動保持代碼庫一致性。這就是 Prettier 擴展的用途。

Prettier 是一個具有明確偏好的代碼格式化工具，可以根據統一的風格自動格式化代碼，提高代碼的可讀性。代碼將使用適當的間距、換行和引號進行格式化。甚至可以在每次保存代碼時自動運行 Prettier。

這個擴展是一個無腦選擇。

6 REST Client

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=humao.rest-client

REST Client 擴展允許開發人員直接在 Visual Studio Code 中發送 HTTP 請求并查看響應。

該擴展的語法非常簡潔：對于簡單的 GET 請求，只需要一行代碼，其中包含 GET 關鍵字和 URL。如果要發送更復雜的請求，有很多選項可供開發人員使用，以滿足需求。可以添加身份驗證標頭，或根據需要發送帶有 JSON 數據的完整 POST 請求。

圖片

7 Auto Rename Tag

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Auto Rename Tag 擴展的功能很簡單，可以輕松地編寫 HTML。該擴展會自動重命名配對的 HTML 標簽。如果重命名一個開放標簽，它將同時更改相應的閉合標簽，反之亦然。

建議將此擴展與 Auto Close Tag 擴展一起使用。這個擴展會在輸入開放標簽的閉合括號時自動添加閉合標簽。同時安裝這兩個擴展非常強大，幫助開發人員以更高效和一致的方式編寫 HTML，還可以減少 HTML 的錯誤。

圖片

8 Peacock

安裝鏈接：https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock

使用 Peacock 擴展可以更改工作區的顏色。這有助于快速識別自己正在工作的項目。如果開發人員時常同時處理多個項目，這將非常方便。

圖片

推薦書單