一、去哪里看 VS Code 插件排行榜?
二、AI 编程插件:建议保留 1 到 2 个主力
三、代码格式化和错误提示插件推荐
四、Git 和项目管理插件:看历史、切项目更省事
五、前端开发插件推荐
六、Python / C++ / CMake 插件推荐
七、Markdown 写作和接口调试插件推荐
八、插件避坑提醒
九、推荐安装组合
总结
我整理了一些值得安装、适合长期保留的 VS Code 插件。
VS Code 插件不是越多越好,插件装太多,可能会出现以下问题:
VS Code 启动变慢
保存代码时格式化结果不稳定
快捷键互相冲突
同一种语言装了多个插件,提示变得很乱
AI 插件装太多,侧边栏和补全都开始打架

一、去哪里看 VS Code 插件排行榜?
在 VS Code 里按:
快捷键:Ctrl + Shift + X打开扩展面板后,可以用下面几个搜索方式:
| 查看方式 | 怎么搜 | 适合用途 |
|---|---|---|
| 热门插件 | @popular | 看大家常装什么 |
| 按安装量排序 | @sort:installs | 看插件使用范围 |
| 按评分排序 | @sort:rating | 看用户口碑 |
| 按分类筛选 | @category:formatters、@category:linters | 按用途找插件 |
看插件详情时,重点看这几项:
发布者是不是官方或长期维护团队
安装量是否足够大
最近是否还在更新
README 是否认真写了使用说明
有没有收费变化或功能迁移说明
插件是否需要访问项目文件、终端或网络

Visual Studio Marketplace 官网(官网链接:https://marketplace.visualstudio.com/vscode)搜索插件名称 看安装量、评分、更新记录,优先看 VS Code 自带扩展市场和 Visual Studio Marketplace,第三方榜单可以参考。

二、AI 编程插件:建议保留 1 到 2 个主力
| 图标 | 插件 | 推荐指数 | 适合人群 | 推荐理由 |
|---|---|---|---|---|
![]() | GitHub Copilot | ★★★★★ | 大多数开发者 | 补全、Chat、代码解释、生成测试都比较成熟,几乎支持所有主流编程语言 |
![]() | OpenAI Codex | ★★★★★ | ChatGPT Plus / Pro 用户 | 可以在 VS Code 中使用 Codex,适合改代码、读项目、处理任务 |
![]() | Claude Code for VS Code | ★★★★★ | 想让 AI 操作项目的人 | 可以读写文件、运行命令,适合做 AI 编程工作流 |
![]() | Cline | ★★★★☆ | 想让 AI 操作项目的人 | 可以读写文件、运行命令,适合做 AI 编程工作流 |
![]() | Continue | ★★★★☆ | 想接入自定义模型的人 | 开源,适合接本地模型或第三方 API |
![]() | Gemini Code Assist | ★★★☆☆ | Gemini 用户 | 适合改代码、读项目、处理任务,适合 Google 生态用户尝试 |
建议: 如果只装一个 AI 插件,优先选自己常用的模型对应的插件,其次优选 Claude Code 、OpenAI Codex 或 GitHub Copilot;如果想折腾模型和 API,再考虑 Cline、Continue。
三、代码格式化和错误提示插件推荐

| 图标 | 插件 | 推荐指数 | 适合人群 | 推荐理由 |
|---|---|---|---|---|
![]() | Prettier - Code formatter | ★★★★★ | 前端、Markdown、JSON 用户 | 自动格式化代码,减少风格争议 |
![]() | ESLint | ★★★★★ | JS / TS / Vue / React 用户 | 检查代码规范,保存时可自动修复 |
![]() | Error Lens | ★★★★★ | 所有开发者 | 错误直接显示在代码行里,非常直观 |
![]() | Code Spell Checker | ★★★★☆ | 写代码和文档的人 | 检查变量、注释、文档里的英文拼写 |
![]() | EditorConfig for VS Code | ★★★★☆ | 团队项目 | 统一缩进、换行、编码等基础格式 |
建议: 前端项目可以直接装 Prettier + ESLint + Error Lens;写文档多的人再加 Code Spell Checker。
四、Git 和项目管理插件:看历史、切项目更省事
VS Code 自带 Git 功能已经够日常使用,但如果你经常看提交历史、查某一行是谁改的,GitLens 还是很有用。
| 图标 | 插件 | 推荐指数 | 适合人群 | 推荐理由 |
|---|---|---|---|---|
![]() | GitLens | ★★★★★ | 经常看提交历史的人 | 看 blame、提交记录、作者信息很方便 |
![]() | Git Graph | ★★★★☆ | 喜欢图形化看分支的人 | 分支、合并、提交关系更直观 |
![]() | GitHub Pull Requests | ★★★★☆ | GitHub 用户 | 可以在 VS Code 里查看和处理 PR |
![]() | GitHub Repositories | ★★★☆☆ | GitHub 云端项目用户 | 可以不克隆就浏览远程仓库 |
![]() | Project Manager | ★★★★☆ | 多项目开发者 | 快速切换项目,不用到处找文件夹 |
![]() | GitHub Actions | ★★★★☆ | GitHub 用户 | 管理自动化工作流:构建、测试、打包、发布,以及查看运行日志和失败原因 |
建议: 个人开发 GitLens 就够用;如果你经常在多个项目之间切换,Project Manager 会比较省事。如果团队主要用 GitHub,GitHub Pull Requests 和 GitHub Actions 可以按需安装
五、前端开发插件推荐
| 图标 | 插件 | 推荐指数 | 适合人群 | 推荐理由 |
|---|---|---|---|---|
![]() | Vue (Official) | ★★★★★ | Vue 3 开发者 | 官方 Vue 支持,提示、跳转、类型检查更完整 |
![]() | Tailwind CSS IntelliSense | ★★★★★ | Tailwind 用户 | class 自动补全、提示、检查都很好用 |
![]() | Auto Rename Tag | ★★★★☆ | HTML / Vue / React 用户 | 修改开始标签时自动同步结束标签 |
![]() | Path Intellisense | ★★★★☆ | 前端和 Node 项目 | 路径自动补全,少写错文件路径 |
![]() | npm Intellisense | ★★★☆☆ | Node 项目 | import npm 包时自动补全 |
![]() | Live Server | ★★★☆☆ | HTML 入门用户 | 本地快速预览静态页面 |
建议: Vue 项目装 Vue - Official;Tailwind 项目装 Tailwind CSS IntelliSense;普通前端再补 Auto Rename Tag 和 Path Intellisense。用 Vue,就装 Vue 插件。用 Tailwind,就装 Tailwind 插件。
不用的技术栈,不要装。
六、Python / C++ / CMake 插件推荐
| 图标 | 插件 | 推荐指数 | 适合人群 | 推荐理由 |
|---|---|---|---|---|
![]() | Python | ★★★★★ | Python、AI、数据分析用户 | 微软官方插件,支持补全、调试、测试、环境管理 |
![]() | Pylance | ★★★★★ | Python 用户 | 类型提示和代码分析更强 |
![]() | Jupyter | ★★★★☆ | 数据分析、AI 用户 | 在 VS Code 里运行 Notebook |
![]() | C/C++ | ★★★★★ | C、C++、Qt、嵌入式开发 | 微软官方插件,支持代码提示、调试、浏览 |
![]() | CMake Tools | ★★★★★ | C++、Qt、跨平台项目 | 配置、构建、调试 CMake 项目更方便 |
![]() | clangd | ★★★★☆ | C++ 项目 | 代码提示和跳转体验好,适合大型项目 |
一句话建议: Python 用户装 Python + Pylance;C++ / Qt 用户装 C/C++ + CMake Tools,大项目可以考虑 clangd。
七、Markdown 写作和接口调试插件推荐
| 图标 | 插件 | 推荐指数 | 适合人群 | 推荐理由 |
|---|---|---|---|---|
![]() | Markdown All in One | ★★★★★ | 技术写作、公众号草稿用户 | 支持目录、快捷键、列表、预览增强 |
![]() | markdownlint | ★★★★☆ | 写规范文档的人 | 检查 Markdown 格式问题 |
![]() | REST Client | ★★★★☆ | 后端、接口调试用户 | 在 .http 文件里直接发请求 |
![]() | Thunder Client | ★★★★☆ | 喜欢图形界面的人 | 类似轻量版 Postman |
![]() | YAML | ★★★★☆ | 配置文件用户 | 写 GitHub Actions、Docker、配置文件更方便 |
建议: 写文档可以装 Markdown All in One + Paste Image;接口调试可以在 REST Client 和 Thunder Client 里二选一。
八、插件避坑提醒
| 避坑点 | 说明 |
|---|---|
| 不要看到热门就全装 | 插件越多,冲突和卡顿概率越高 |
| 少装重复功能插件 | 多个格式化、补全、AI 插件容易互相干扰 |
| 看清发布者 | 优先选官方、知名团队、长期维护的插件 |
| 看更新时间 | 很久不更新的插件要谨慎 |
| 看收费方式 | 有些插件会从免费变成试用或订阅 |
| 看权限和说明 | AI、远程、终端类插件尤其要注意 |
| 看是否停用或迁移 | 已停用或迁移的插件不建议继续主推 |
AI 插件要额外注意隐私和安全。如果插件会读取整个项目、执行命令、访问终端,就不要随便点确认。

九、推荐安装组合
如果你不知道怎么选,可以直接按下面的场景装,不要全部安装

9.1. 普通开发者通用组合
| 类型 | 推荐插件 |
|---|---|
| 格式化 | Prettier |
| 错误提示 | Error Lens |
| Git | GitLens |
| 拼写检查 | Code Spell Checker |
| 文档写作 | Markdown All in One |
| AI 编程 | GitHub Copilot 、Claude Code for VS Code或 OpenAI Codex 三选一 |
9.2. 前端开发组合
| 类型 | 推荐插件 |
|---|---|
| 格式化 | Prettier |
| 代码检查 | ESLint |
| Vue | Vue - Official |
| Tailwind | Tailwind CSS IntelliSense |
| 标签辅助 | Auto Rename Tag |
| 路径提示 | Path Intellisense |
9.3. Python / AI 开发组合
| 类型 | 推荐插件 |
|---|---|
| Python 基础 | Python |
| 代码分析 | Pylance |
| Notebook | Jupyter |
| AI 辅助 | GitHub Copilot、Claude Code for VS Code 或 OpenAI Codex 三选一 |
| 文档 | Markdown All in One |
9.4. C++ / Qt / 嵌入式开发组合
| 类型 | 推荐插件 |
|---|---|
| C++ 基础 | C/C++ |
| CMake | CMake Tools |
| 代码分析 | clangd |
| Git | GitLens |
| 错误提示 | Error Lens |
| AI 辅助 | OpenAI Codex 、Claude Code for VS Code或 GitHub Copilot 三选一 |
特别提醒:
装了 C/C++ 插件,不代表电脑就能编译 C++ 项目。还需要安装 MSVC、MinGW、GCC、Clang、CMake 等工具链。当你遇到问题时可以问你的 AIPython 也是一样,插件只是编辑器能力。Python 解释器、虚拟环境、依赖管理还是要单独配置
9.5. 写文档组合
| 类型 | 推荐插件 |
|---|---|
| Markdown 写作 | Markdown All in One |
| Markdown 检查 | markdownlint |
| 图片粘贴 | Paste Image |
| 拼写检查 | Code Spell Checker |
| AI 辅助 | OpenAI Codex /Claude Code for VS Code/ GitHub Copilot / Continue 三选一 |
| 项目管理 | Project Manager |
总结
VS Code 插件不是装得越多越好,而是要按自己的工作场景来装。
建议:
| 场景 | 优先安装 |
|---|---|
| 所有人 | Prettier、Error Lens、GitLens |
| 前端 | ESLint、Vue - Official、Tailwind CSS IntelliSense |
| Python | Python、Pylance、Jupyter |
| C++ / Qt | C/C++、CMake Tools、clangd |
| 写教程 | Markdown All in One、Paste Image、Code Spell Checker |
| AI 编程 | GitHub Copilot、OpenAI Codex、Claude Code for VS Code、Cline、Continue |
最后记住一句话: 先少装,常用再留,不常用就删。
参考来源
| 来源 | 用途 |
|---|---|
| VS Code 官方扩展市场文档 | 查询扩展、排序、分类筛选 |
| Visual Studio Marketplace | 查看插件详情、安装量、评分、更新时间 |
| 各插件 Marketplace 页面 | 核对插件功能、维护状态和收费方式 |
夜雨聆风
































