本文推薦了19個VS Code擴充：
- Swimm：通過豐富的文本編輯器建立文檔，與代碼互動，并随着代碼的更改自動更新。
- GitLens：提供了有關Git倉庫的進階視圖和資訊，幫助開發者更好地了解他們的代碼庫的曆史、作者和更改。
- Thunder Client：一個輕量級的Rest API用戶端擴充，具有簡單易用的UI，支援收藏和環境變量&GraphQL查詢，以及無腳本測試。
- Tabnine：一個AI代碼助手，可提供實時代碼補全，提高開發速度。
- Remote-SSH：使用SSH伺服器的任何遠端機器作為開發環境，無需将源代碼放在本地機器上。
- Docker：使得從Visual Studio Code建構、管理和部署容器化應用變得更容易。
- Git History：使用者可以友善地檢視送出曆史，檢查檔案更改，并比較代碼的不同版本。
- Markdown All in One：為在VS Code中使用大量Markdown的人提供有用的工具，使建立和編輯Markdown文檔更加容易和快捷。
- Regex Previewer：在側邊文檔中顯示目前正規表達式的比對。
- Better Comments：可以将注解分類為警告、查詢、待辦事項、高亮等
此外，還有其他一些擴充，如Bookmarks、Project Manager、Code Spell Checker、Image Optimizer、CSS Peek、Placeholder Images和Live Server，它們各自提供了不同的功能和優點。這些擴充都可以增強VS Code的功能，提高開發者的生産力。
1.GitLens
位址：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
通過GitLens，開發人員可以提供進階可視化和有關Git存儲庫的資訊，以更好地了解其代碼庫的曆史、作者和更改。
GitLens還提供了豐富的自定義選項，以及内聯責任注釋、送出和差異詳細資訊，甚至可以在不離開編輯器的情況下檢視和編輯送出消息的功能。
2. Thunder Client
位址：https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client
Thunder Client是一款輕量級的Rest API用戶端擴充，适用于Visual Studio Code，具有簡單易用的使用者界面。
支援集合和環境變量、GraphQL查詢，以及基于GUI界面的無腳本測試。
所有請求的資料都儲存在裝置上。
3.Tabnine
位址：https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode
Tabnine是一款AI代碼助手，可在所有最流行的程式設計語言和IDE中提供實時代碼完成，進而提高開發速度。
Tabnine由多個語言專業的機器學習模型驅動，這些模型從頭開始在代碼上進行了預訓練。
4.Remote-SSH
位址：https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh
Remote-SSH擴充允許我們使用任何帶有 SSH 伺服器的遠端計算機作為開發環境。
不需要将源代碼放在本地機器上即可獲得這些好處，因為擴充程式可以直接在遠端機器上運作指令和其他擴充程式。
你可以打開遠端計算機上的任何檔案夾，并像在本地計算機上一樣使用它。
5. Docker
位址：https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker
Docker 擴充使得從 Visual Studio Code 建構、管理和部署容器化應用變得容易。它還提供了容器内 Node.js、Python 和 .NET 的一鍵調試。
6. Git History
位址：https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
通過這個擴充，使用者可以輕松地檢視送出曆史，檢查檔案更改，并比較其代碼的不同版本。
該擴充程式提供了一個圖形使用者界面，以時間軸的形式顯示送出曆史記錄。每個送出都與其送出消息、作者、日期和時間一起顯示。
使用者還可以檢視與每個送出相關聯的分支和标簽名稱。
7.Markdown All in One
位址：https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one
對于在 VS Code 中處理大量 Markdown 的任何人來說，這是一個有用的工具。它使建立和編輯 Markdown 文檔更加容易和快速，幫助你更加高效和有效率。
這些功能包括文法高亮、代碼塊格式化、目錄、預覽模式、表情符号支援、鍵盤快捷鍵等等。
8.Regex Previewer
位址：https://marketplace.visualstudio.com/items?itemName=chrmarti.regex
該擴充程式在并排文檔中顯示目前正規表達式的比對項。可以使用Ctrl+Alt+M打開/關閉此功能。
全局和多行選項可以通過狀态欄條目添加到評估中，與并排文檔一起使用。當并排文檔有多個示例需要比對時，這可能非常有用。
9.Better Comments
位址：https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
通過此擴充，你将能夠将注釋分類為警報、查詢、待辦事項、高亮等。注釋掉的代碼也可以進行樣式設定，以便清楚地表明該代碼不應存在。您可以在設定中指定其他注釋樣式。
10.Bookmarks
位址：https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks
Bookmarks幫助我們浏覽代碼，輕松快速地在重要位置之間移動。
11. Project Manager
位址：https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager
Project Manager 幫助我們輕松通路項目，無論它們位于何處。不要再錯過那些重要的項目了。
你可以定義你的項目（也稱為收藏夾），或選擇自動檢測 Git、Mercurial 或 SVN 存儲庫、VS Code 檔案夾或任何其他檔案夾。
12. Code Spell Checker
位址：https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
一個基本的拼寫檢查器，适用于代碼和文檔。這個拼寫檢查器的目标是幫助捕捉常見的拼寫錯誤，同時保持誤報的數量較低。
13. Image Optimizer
位址：https://marketplace.visualstudio.com/items?itemName=MadsKristensen.ImageOptimizer
在“解決方案資料總管”中，為任何檔案夾和圖像添加右鍵菜單，讓你可以自動優化該檔案夾中的所有PNG、GIF和JPEG檔案。
隻需右鍵單擊包含圖像的任何檔案或檔案夾，然後單擊圖像優化按鈕之一。
14. CSS Peek
位址：https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek
該擴充支援符号定義跟蹤的所有正常功能，但是針對 CSS 選擇器（類、ID 和 HTML 标簽）執行此操作。
可以選擇将CSS檔案内聯加載并在那裡進行快速編輯，直接跳轉到CSS檔案或在新編輯器中打開它，或在懸停時顯示定義。
15.Placeholder Images
位址：https://marketplace.visualstudio.com/items?itemName=JakeWilson.vscode-placeholder-images
使用Visual Studio Code在HTML中生成并插入占位符圖檔，可以使用Unsplash、LoremFlickr等各種第三方服務。
你可以選擇圖像的寬度、高度、文本和顔色，将生成的IMG标簽插入到您的HTML中，或将其複制到剪貼闆中，或将圖像URL插入到您的HTML中，複制到剪貼闆中，或在浏覽器中打開。
16. Live Server
位址：https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
一個快速開發的 Live Server，具有實時浏覽器重新加載功能。通過單擊狀态欄上的一個按鈕啟動或停止伺服器。
允許使用者建立可定制的端口号，設定伺服器根目錄，并在設定中提供預設的浏覽器配置選項。
17. Peacock
位址：https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
使用 Peacock，你可以微調更改 VS Code 工作區的顔色。當你有多個VS Code執行個體、使用VS Live Share或使用VS Code的遠端功能，并且您想快速識别您的編輯器時，這是理想的。
18. Polacode
位址：https://marketplace.visualstudio.com/items?itemName=pnp.polacode
Polacode是VS Code的擴充，可以截取你的代碼的螢幕截圖。該擴充程式生成的螢幕截圖與其來源具有相同的樣式和主題。