1 GitHub Copilot

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

GitHub Copilot 是開(kāi)發(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ò)展會(huì)突出顯示您的待辦事項(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é)往往決定成敗，即使是像編寫(xiě)文件路徑這樣的小任務(wù)也可能繁瑣且易出錯(cuò)。這就是 Path Intellisense 擴(kuò)展的用武之地。這個(gè)擴(kuò)展使查找正確的文件路徑變得簡(jiǎn)單，因?yàn)樗鼮槲募砑恿俗詣?dòng)完成功能。在輸入時(shí)，會(huì)為文件和文件夾提供建議，節(jié)省時(shí)間并避免錯(cuò)誤。

4 GitLens

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

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

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

圖片

5 Prettier

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

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

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

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

6 REST Client

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

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

該擴(kuò)展的語(yǔ)法非常簡(jiǎn)潔：對(duì)于簡(jiǎn)單的 GET 請(qǐng)求，只需要一行代碼，其中包含 GET 關(guān)鍵字和 URL。如果要發(fā)送更復(fù)雜的請(qǐng)求，有很多選項(xiàng)可供開(kāi)發(fā)人員使用，以滿足需求。可以添加身份驗(yàn)證標(biāo)頭，或根據(jù)需要發(fā)送帶有 JSON 數(shù)據(jù)的完整 POST 請(qǐng)求。

圖片

7 Auto Rename Tag

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

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

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

圖片

8 Peacock

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

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

圖片

推薦書(shū)單