前言

VS Code是一款由微軟開源免費、輕量級、功能強大的源代碼編輯器。其輕量級體現在基礎安裝簡潔，僅含核心編輯功能。功能強大則源于它支持豐富的語言環境插件拓展，這種模塊化設計讓VS Code在源代碼開發工具中獨占鰲頭，它能夠輕松應對多種語言開發。俗話說的好工欲善其事必先利其器，選用合適的插件能顯著提升開發效率。以下是大姚精選的一些實用VS Code插件拓展，希望能對你有所幫助，大家有更好的插件推薦可在文末留言??。

VS Code 實用插件集

• GitHub：https://github.com/YSGStudyHards/Awesome-Tools
• Gitee：https://gitee.com/ysgdaydayup/Awesome-Tools

 

VS Code相關鏈接地址

• VS Code 官網地址：https://code.visualstudio.com
• VS Code 插件市場地址：https://marketplace.visualstudio.com
• VS Code GitHub源碼地址：https://github.com/Microsoft/vscode

VS Code拓展插件安裝

快捷鍵：Ctrl+Shift+X進入拓展面板，到應用商店文本框中搜索拓展。

Chinese (Simplified)

為 VS Code 提供簡體中文的本地化用戶界面體驗。安裝此語言包后，用戶可以將VS Code的界面語言切換為中文（簡體），從而更方便地使用這款編輯器。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans

C# Dev Kit

C# Dev Kit for Visual Studio Code（C# Dev Kit）是一個擴展工具，它為您的C#開發提供了一系列強大的功能和實用工具，以幫助您更高效地編寫、調試和維護代碼。它能夠在Windows、macOS、Linux甚至Codespace等各種開發環境中使用，提升您的C#開發體驗。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csdevkit

IntelliCode for C# Dev Kit

AI 輔助 C# Dev Kit 開發，此擴展為 C# Dev Kit 用戶提供 IntelliCode 成員排名和整行自動完成功能。

• 插件市場地址：https://marketplace.visualstudio.com/items/?itemName=ms-dotnettools.vscodeintellicode-csharp

vscode-icons

vscode-icons不僅能夠給文件夾、文件添加上舒適的圖標，而且可以自動檢測項目，根據項目不同功能配上不同圖標，例如，git、Markdown、配置項、工具類等。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

Tabnine

Tabnine 是一款 AI 代碼補全插件，適用于 JavaScript、Python、Java、TypeScript 和其他所有編程語言。它通過自動補全代碼來提高開發人員的工作效率。TabNine開箱即用。響應速度快：通常會在不到10毫秒的時間內生成建議列表。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode

GitHub Copilot

是一個提供 AI 輔助編程的工具，它在您編碼時會提供類似自動補全的建議。您可以通過開始編寫您想要使用的代碼，或者編寫自然語言評論描述您希望代碼完成的功能，來獲取 GitHub Copilot 的建議。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=GitHub.copilot

CodeGeeX

CodeGeeX 是一款功能強大的基于 LLM 的智能編程助手。它提供代碼生成/完成、注釋生成、代碼翻譯和基于人工智能的聊天等功能，幫助開發人員顯著提高工作效率。CodeGeeX 支持多種編程語言。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=aminer.codegeex

CodeBuddy

騰訊云代碼助手（Tencent Cloud CodeBuddy，以下簡稱 CodeBuddy），由騰訊云自研的一款開發編程提效輔助工具，基于騰訊混元 + DeepSeek 雙輪模型驅動，構建對開發者友好，好用易用的代碼助手，為開發者提供AI技術問答、Craft軟件編碼智能體、智能代碼補全、單元測試、智能評審、代碼修復等Agent智能體拓展能力，兼容 MCP 開放生態，并可支持團隊知識庫管理、自定義智能體與指令管理、多模型接入、企業賬號集成等功能，輔助開發者提升編碼效率和質量，助力研發團隊提質增效。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=Tencent-Cloud.coding-copilot

Baidu Comate

文心快碼 ( Baidu Comate ) 是一款由百度推出的創新型 AI 編碼輔助工具，它利用先進的人工智能技術，旨在為您帶來前所未有的流暢、直觀且上下文驅動的編碼體驗，助力開發者更輕松地實現宏大的軟件項目和創新想法。安裝后，它將成為您 IDE 的一部分，您無需切換工具，即可在熟悉的編碼區專注于代碼編寫。同時，文心快碼還在側邊欄提供了 Zulu 智能體等功能入口，您可以在側邊欄與 AI 進行更深度的交互，例如進行代碼問答、探索 Zulu 的各項能力。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=BaiduComate.comate

 

Lingma

通義靈碼是由阿里云提供的智能編碼輔助工具，提供 代碼智能生成、智能問答、多文件修改、編程智能體 等能力，為開發者帶來高效、流暢的編碼體驗。同時，我們為提供企業客戶提供了企業標準版、專屬版，具備企業級場景自定義、私域知識增強等能力，助力企業研發智能化升級。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=Alibaba-Cloud.tongyi-lingma

GitHub Pull Requests

能夠直接在 VS Code 中審查和管理您的 GitHub 拉取請求和問題。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github

SQL Server (mssql)

Visual Studio Code 的 MSSQL 擴展旨在通過提供無縫且現代的數據庫開發體驗來賦能開發者。我們的目標是使 SQL 開發更加高效和直觀，通過集成諸如架構管理、查詢執行和 AI 驅動的輔助等基本功能。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=ms-mssql.mssql

CodeSnap

能夠在 VS Code 中快速截取代碼的美麗屏幕截圖。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap

TranslationToolbox

翻譯工具箱，使得文本翻譯更加方便快捷，啟用快捷鍵： ctrl+alt+t or cmd+alt+t。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=WLY.translationtoolbox

駝峰翻譯助手

快速將中文變量翻譯名轉換為多種常用駝峰命名格式（如 camelCase、PascalCase、snake_case 等）。同時，支持 騰訊 百度 OpenAI API 自定義翻譯模型提升開發效率。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=svenzhao.var-translation

Du I18N

VS Code國際化多語言解決方案。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=DewuTeam.du-i18n

Docker for Visual Studio Code

通過 Docker 擴展，可以輕松地從 Visual Studio Code 構建、管理和部署容器化應用程序。它還能在容器內一鍵調試 Node.js、Python 和 .NET。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker

 

Cline

一個可以使用你的 終端 和 編輯器 的 AI 助手。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=saoudrizwan.claude-dev

 

GitLens

GitLens內置到Visual Studio代碼Git的能力。它可以幫助您通過Git責任注釋和代碼鏡頭一目了然地看到代碼作者的身份，無縫地導航和瀏覽 Git存儲庫，通過功能強大的比較命令獲得有價值的見解，等等。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

Git History

Git歷史記錄，搜索和更多內容（包括git log）。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

Drawio Preview

在 VS Code 中預覽 Drawio 圖文件。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=purocean.drawio-preview

Path Intellisense

在編輯器中輸入對應文件的路徑，會自動補全（在Import、Require導入/引入模塊時非常便捷好用）。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

Vue 3 Snippets

這個插件包含了所有的 Vue.js 2 和 Vue.js 3 的 api 對應的代碼片段。插件的代碼片段如下表格所示，你不需要記住什么snippets，就像往常一樣在 vscode 里寫代碼就好了。比如你可以鍵入 vcom 然后按上下鍵選中 VueConfigOptionMergeStrategies 再按Enter鍵，就輸入了Vue.config.optionMergeStrategies了。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets

Vetur

Vue多功能集成插件，包括：語法高亮，智能提示，emmet，錯誤提示，格式化，自動補全，debugger。vscode官方欽定Vue插件，Vue開發者必備。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=octref.vetur

vscode-element-helper

VSCode-Element-Helper是Element-UI的VS Code擴展，Element-UI是一個很棒的庫。越來越多的項目使用它。因此，為了幫助開發人員通過Element-UI編寫更高效的代碼。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=ElemeFE.vscode-element-helper

Vue VSCode Snippets

該插件旨在為開發者提供最簡單快速的生成 Vue 代碼片段的方法，通過各種快捷鍵就可以在 .vue 文件中快速生成各種代碼片段。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets

Angular Language Service

Visual Studio Code 的 Angular Language Service 擴展提供了與 Angular 項目相關的語言支持和功能，以提高開發人員在 VS Code 中的 Angular 開發體驗。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=Angular.ng-template

Code Runner

運行多種語言的代碼段或代碼文件C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA,和自定義命令。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

Icon Fonts

icon fonts是一款提供VS Code圖標、字體縮寫的的插件。雖然看上去很不起眼，但是對于前端開發，這款工具可以說能夠極大的提高開發效率。通過一些縮寫，能夠快速補全icon fonts相關的代碼片段，這樣能夠減少80%以上的手動輸入內容。icon fonts支持html、css、less、sass、scss、stylus、jsx、blade、vue。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=idleberg.icon-fonts

Gitlink

gitlink是一款輔助和增強VS Code GitHub使用的插件。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=qezhu.gitlink

GraphQL

GraphQL擴展包括自動完成功能它會在您鍵入時建議在查詢中使用的字段和參數，從而更容易編寫有效的 GraphQL 代碼。此功能可為您節省時間并降低出現語法錯誤的可能性。它安裝了一個內置的 linter，可以檢查您的代碼是否有錯誤并提出修復建議。使用此擴展可防止 GraphQL 錯誤并提高效率。

• 插件市場地址：https://marketplace.visualstudio.com/items?itemName=mquandalle.graphql