1 GitHub Copilot

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

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

這個(gè)擴(kuò)展使編碼變得輕而易舉。這個(gè)擴(kuò)展可以改善編碼體驗(yàn)，提高生產(chǎn)力。

提示：您可以使用 GitHub Copilot 的免費(fèi)試用版。

圖片

2 TODO Highlight

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

這個(gè)擴(kuò)展會突出顯示您的待辦事項(xiàng)注釋，并提醒存在未完成的注釋或任務(wù)。

該擴(kuò)展附帶了內(nèi)置的關(guān)鍵字 TODO: 和 FIXME:，也可以添加自己的關(guān)鍵字并更改其外觀。

圖片

3 Path Intellisense

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

在編碼中，細(xì)節(jié)往往決定成敗，即使是像編寫文件路徑這樣的小任務(wù)也可能繁瑣且易出錯(cuò)。這就是 Path Intellisense 擴(kuò)展的用武之地。這個(gè)擴(kuò)展使查找正確的文件路徑變得簡單，因?yàn)樗鼮槲募砑恿俗詣油瓿晒δ?。在輸入時(shí)，會為文件和文件夾提供建議，節(jié)省時(shí)間并避免錯(cuò)誤。

4 GitLens

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

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

這個(gè)擴(kuò)展讓開發(fā)人員無需離開編輯器，使開發(fā)人員能夠保持專注。任何額外花費(fèi)在上下文切換或缺失上下文的時(shí)間都會中斷開發(fā)人員的工作流程，這對開發(fā)人員的生產(chǎn)力至關(guān)重要。

圖片

5 Prettier

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

保持代碼一致的格式是個(gè)挑戰(zhàn)，但使用正確的工具可以實(shí)現(xiàn)自動保持代碼庫一致性。這就是 Prettier 擴(kuò)展的用途。

Prettier 是一個(gè)具有明確偏好的代碼格式化工具，可以根據(jù)統(tǒng)一的風(fēng)格自動格式化代碼，提高代碼的可讀性。代碼將使用適當(dāng)?shù)拈g距、換行和引號進(jìn)行格式化。甚至可以在每次保存代碼時(shí)自動運(yùn)行 Prettier。

這個(gè)擴(kuò)展是一個(gè)無腦選擇。

6 REST Client

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

REST Client 擴(kuò)展允許開發(fā)人員直接在 Visual Studio Code 中發(fā)送 HTTP 請求并查看響應(yīng)。

該擴(kuò)展的語法非常簡潔：對于簡單的 GET 請求，只需要一行代碼，其中包含 GET 關(guān)鍵字和 URL。如果要發(fā)送更復(fù)雜的請求，有很多選項(xiàng)可供開發(fā)人員使用，以滿足需求?？梢蕴砑由矸蒡?yàn)證標(biāo)頭，或根據(jù)需要發(fā)送帶有 JSON 數(shù)據(jù)的完整 POST 請求。

圖片

7 Auto Rename Tag

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

Auto Rename Tag 擴(kuò)展的功能很簡單，可以輕松地編寫 HTML。該擴(kuò)展會自動重命名配對的 HTML 標(biāo)簽。如果重命名一個(gè)開放標(biāo)簽，它將同時(shí)更改相應(yīng)的閉合標(biāo)簽，反之亦然。

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

圖片

8 Peacock

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

使用 Peacock 擴(kuò)展可以更改工作區(qū)的顏色。這有助于快速識別自己正在工作的項(xiàng)目。如果開發(fā)人員時(shí)常同時(shí)處理多個(gè)項(xiàng)目，這將非常方便。

圖片

推薦書單