八個提升編程體驗的VS Code插件

作者：學(xué)研妹 2023-11-07 18:01:44

REST Client 擴(kuò)展允許開發(fā)人員直接在 Visual Studio Code 中發(fā)送 HTTP 請求并查看響應(yīng)。該擴(kuò)展的語法非常簡潔：對于簡單的 GET 請求，只需要一行代碼，其中包含 GET 關(guān)鍵字和 URL。如果要發(fā)送更復(fù)雜的請求，有很多選項可供開發(fā)人員使用，以滿足需求。可以添加身份驗證標(biāo)頭，或根據(jù)需要發(fā)送帶有 JSON 數(shù)據(jù)的完整 POST 請求。

1 GitHub Copilot

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

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

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

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

圖片

2 TODO Highlight

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

這個擴(kuò)展會突出顯示您的待辦事項注釋，并提醒存在未完成的注釋或任務(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ù)也可能繁瑣且易出錯。這就是 Path Intellisense 擴(kuò)展的用武之地。這個擴(kuò)展使查找正確的文件路徑變得簡單，因為它為文件名添加了自動完成功能。在輸入時，會為文件和文件夾提供建議，節(jié)省時間并避免錯誤。

4 GitLens

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

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

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

圖片

5 Prettier

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

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

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

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

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ù)雜的請求，有很多選項可供開發(fā)人員使用，以滿足需求。可以添加身份驗證標(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)簽。如果重命名一個開放標(biāo)簽，它將同時更改相應(yīng)的閉合標(biāo)簽，反之亦然。

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

圖片

8 Peacock

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

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

圖片