思维导航
前言
VS Code 实用插件集
VS Code相关链接地址
VS Code拓展插件安装
Chinese (Simplified)
C# Dev Kit
IntelliCode for C# Dev Kit
vscode-icons
Tabnine
GitHub Copilot
CodeGeeX
CodeBuddy
Baidu Comate
Lingma
GitHub Pull Requests
SQL Server (mssql)
CodeSnap
TranslationToolbox
驼峰翻译助手
Du I18N
Docker for Visual Studio Code
Cline
GitLens
Git History
Drawio Preview
Path Intellisense
Vue 3 Snippets
Vetur
vscode-element-helper
Vue VSCode Snippets
Angular Language Service
Code Runner
Icon Fonts
Gitlink
GraphQL
前言
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