TL;DR
通常，在使用HMPL.js時，我會使用一些擴充功能來幫助使程式碼更快、更容易。在本文中，我想分享一些我曾經使用過並且可以告訴你們的東西的清單。
也許您已經使用這些擴充功能很長時間了，並且某些東西會給您帶來啟示 - 誰知道呢。但對我來說，其中一些擴充每天都有很大幫助。
好吧，讓我們開始吧！ 🏎️
1 📂專案管理器- 輕鬆切換專案
讓我們從我認為最有用的擴充功能之一開始這個列表，它不是很明顯，但非常有趣 - 這就是專案管理器。
它可以幫助您輕鬆存取您的專案，無論它們位於何處。不要再錯過那些重要的專案了。
您可以定義自己的專案（也稱為收藏夾），或選擇自動偵測 Git、Mercurial 或 SVN 儲存庫、VSCode 資料夾或任何其他資料夾。
2 🌐實時伺服器- 啟動開發本機伺服器，為靜態和動態頁面提供即時重新載入功能
也許最傳奇的是，我不怕說出這個詞，擴展，可能每個讀過這篇文章的人都用過這個詞。但是，當然，我不能不將它列入這個名單。
該應用程式將允許您啟動個人伺服器進行網站開發等，而無需部署 XAMPP 和其他類似程式。
在使用此應用程式從資料夾啟動的網站上，每次變更時頁面都會自動更新，例如，擴展名為.html或.css或任何其他的檔案。
3 📡 REST Client - Visual Studio Code 的 REST 用戶端
既然我們在談論伺服器，那麼值得一提的是我最喜歡的擴充功能之一，我經常在模組中使用它。
REST 用戶端可讓您傳送 HTTP 請求並直接在 Visual Studio Code 中查看回應。
也就是說，您不需要安裝 Postman 等其他程序，在其中註冊等。如果您需要一個簡單的客戶端來測試您或其他人的 API，並且您想在幾秒鐘內為此部署一個環境，那麼無需離開文字編輯器，您只需安裝它即可。
4 ♦️ Prisma - 為.prisma檔案新增語法高亮、格式化、自動完成、跳到定義和 linting
好吧，因為我們已經研究瞭如何使用 API 進行測試的方法，我不禁錯過了建立 API 本身所需的擴充功能）
Prisma 透過提供模式建模和查詢驗證使資料庫管理變得更加容易，並與 PostgreSQL、MySQL 等資料庫相容。
有一次，當我修復伺服器錯誤時，我不得不使用 Prism 做一些工作。這時候當然就離不開擴充了，因為如果你使用 Vue、Pug 或其他工具的話，就需要高亮語法。
5 ↪ GitLens — Git 增強版- 透過 Git blame 註解和 CodeLens 一目了然地查看程式碼作者，無縫導航和探索 Git 儲存庫
通常，當你在大公司工作時，他們的專案會有來自數千人的大約 100,000 個提交，而你作為初級員工，需要弄清楚這一切。顯然，當一個人看到這一切時，他只是感到震驚，但這是正常的。為了了解發生了什麼，有這個擴充。
GitLens 透過在編輯器中直接新增註解、提交詳細資訊和歷史記錄來增強 VS Code 中的 Git 功能。
坦白說，這個擴充功能將您的 VS Code 變成了某種飛機控制面板，而不是文字編輯器。所有這些圖表、提交行和其他類似的東西，讓你從一個程式設計師變成了一個大型設備製造企業的設計師，至少對於第一個看到你的桌面的人來說是這樣）
6 🔄自動導入- 自動尋找、解析並為所有可用的導入提供程式碼操作和程式碼完成
自動匯入會在您使用類別、方法或庫時自動新增缺少的匯入。
通常，VS Code 早已能夠處理匯入，但為了以防萬一，也可以安裝這個外掛程式。
當然，您不必安裝它，但我已經安裝它大約 6 年了，如果可以這麼說的話，它已經是建置中的預設版本了。
7 ⚙️ GitHub Copilot - 你的 AI 配對程式設計師
近來，隨著ChatGPT等人工智慧的發展，Copilot作為微軟AI的標配，已成為VS Code中不可或缺的助手。
GitHub Copilot 可適應您的獨特需求，讓您為您的專案選擇最佳模型，使用自訂指令自訂聊天回應，並利用代理模式進行 AI 驅動的無縫整合同儕程式設計工作階段。
以前，它沒有多大意義，但現在它與環境整合得非常好，已經可以被視為 VS Code 的一部分。它只需要一個註冊帳戶即可正常工作，但我認為對於這樣的好處來說這不是問題。
順便說一句，這種人工智慧的另一個優點是它基於 GitHub 儲存庫，因此它生成的程式碼非常出色。
8 🔗自動重新命名標籤- 自動重新命名配對的 HTML/XML 標籤
這是一個非常古老的擴展，但仍然相當不錯。如果您是 Web 開發人員並且每天都使用 HTML，那麼它非常適合。
當您在 HTML、XML 或其他結構化語言中編輯開始標籤時，「自動重新命名標籤」會自動更新結束標籤。
當然，在 2025 年，這個擴充功能已經失去了一些相關性，但就像導入一樣，它只是建議安裝。
9 🔠程式碼拼字檢查器- 原始碼拼字檢查器
一個有用的小插件。如果您使用過 Microsoft Word 或 Google Docs，則可以檢查拼字錯誤，因此使用此外掛程式可以減少拼字錯誤。
程式碼拼字檢查器可辨識程式碼、註解和字串中的拼字錯誤，以保持品質和可讀性。
作為其工作原理的一個例子：
10 🧠 Tabnine - AI 程式碼助手，可加速和簡化軟體開發，同時確保程式碼的隱私、安全性和合規性
在 Cursor 和 ChatGPT 之前，這基本上是人工智慧和文字編輯器領域首批重大發展之一。這也是一個強大的工具，可以幫助您使用 AI 編寫程式碼，而無需將 VS Code 更改為其他內容。
Tabnine 是您控制的 AI 程式碼助理 - 幫助各種規模的開發團隊使用 AI 來加速和簡化軟體開發流程，同時又不犧牲隱私、安全性或合規性。 Tabnine 透過為您的團隊量身打造的 AI 工具自動化編碼工作流程，提高工程速度、程式碼品質和開發人員的滿意度。
而且，這是我可以推薦的此列表中的最後一個擴展之一。當然，還有許多其他很酷的擴展，但我們以後再討論。
結論
使用 VS Code 的所有這些擴展，您可以成為真正的終極程式設計師，因為您甚至可以在 TextPad 中編程，但開發速度很重要，因為客戶不會等到您完成元件的編寫。因此，今天的發展更有用，它提供瞭如此廣泛的機會。
感謝大家閱讀這篇文章❤️！
除了這些擴充功能之外，您還使用什麼？知道這一點將會很有趣！
有用的連結：
-
VS Code - 文字編輯器本身
-
FAQ - 關於 VS Code 的常見問題
-
GitHub repo - 我會很感激你的 star :)
原文出處：https://dev.to/anthonymax/10-vs-code-extensions-to-become-the-ultimate-developer-348
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式