VSCode 我推荐的23个不得不装的插件

插件不是越多越好，装多了卡顿、冲突、启动慢。这篇按后端开发场景，只装真正有用的。

一、写在前面

VSCode 能成为最受欢迎的编辑器，靠的是庞大的插件生态。但问题也出在这里——很多人一搜推荐就装了二三十个，结果启动慢、互相冲突、内存吃满，反而拖累效率。

我按后端开发者 + 架构师 + 偶尔写技术博客的定位，把插件分成四个梯队，每款说清楚解决什么问题、为什么值得装。

二、AI 编码（2026年标配）

2026年，AI 补全已经不是"选配"，而是开发效率的基本盘。

1. GitHub Copilot v2.3+

• 安装量：7000万+
• 核心能力：实时代码补全、函数生成、注释转代码、跨文件上下文理解
• 优势：稳定、兼容性强、全语言支持，Tab键一键接受建议
• 适合：所有开发者，尤其是写样板代码多的场景

2. CodeGeeX（智谱AI）

• 核心能力：代码补全、中文注释理解、代码翻译、漏洞检测
• 优势：完全免费、国产模型、中文支持拉满，支持本地部署（Ollama）
• 适合：国内开发者、预算有限团队、隐私敏感项目

3. Roo Code

• 核心能力：开源AI Agent，自主编码、任务规划、文件编辑、全流程AI协作
• 优势：开源免费、本地运行（不上传代码）、先计划后执行
• 适合：隐私敏感项目、需要复杂重构的场景

建议：三选一即可。预算充足选 Copilot，想省费用 CodeGeeX，隐私优先选 Roo Code。

三、代码质量三件套

这三款建议一起装，配合使用效果最佳。

4. ESLint

• 安装量：1500万+
• 核心能力：JS/TS 语法检查、代码规范、错误提示、自动修复
• 配置建议：

{"editor.codeActionsOnSave":{"source.fixAll.eslint":"explicit"}}

5. Prettier - Code formatter

• 安装量：6800万+
• 核心能力：自动格式化 JS/TS/CSS/HTML/JSON 等，保存即格式化
• 配置建议：

{"editor.formatOnSave":true,"prettier.singleQuote":true,"prettier.printWidth":100,"prettier.trailingComma":"es5"}

⚠️避坑：ESLint 和 Prettier 同时使用时可能规则冲突。安装eslint-config-prettier禁用 ESLint 中与 Prettier 重复的规则。

6. Error Lens

• 安装量：800万+
• 核心能力：行内显示错误/警告/提示，无需鼠标悬停
• 使用场景：大规模重构、升级依赖、TypeScript 严格模式迁移时，它就是你的安全网

四、Git 协作

7. GitLens

• 安装量：4000万+
• 核心能力：行内显示代码作者、修改时间、提交信息，代码历史追溯、分支对比
• 为什么必装：接手祖传代码时，鼠标悬停就知道这行代码是谁写的、为什么这么写，堪称"代码考古神器"

8. Git Graph

• 安装量：1400万+
• 核心能力：图形化显示分支、提交记录、合并关系，支持点击切换分支、合并、变基
• 适合：复杂分支管理、多人协作项目

五、效率提升

9. Path Intellisense

• 安装量：1800万+
• 核心能力：输入./或../时自动提示文件路径
• 场景：再也不用手敲../../components/Button/index.tsx这种长路径

10. Import Cost

• 安装量：500万+
• 核心能力：显示导入模块的 gzip 大小，红色=超大依赖、黄色=中等、绿色=小巧
• 场景：重构时一眼看出哪些依赖该砍，帮你控制包体积

11. Better Comments

• 安装量：1000万+
• 核心能力：彩色高亮注释
  • // !红色警告
  • // ?蓝色疑问
  • // TODO橙色待办
  • // *绿色重点
• 场景：代码评审时快速识别注释类型，团队协作更清晰

12. Todo Tree

• 核心能力：自动收集项目中所有 TODO、FIXME 注释，在侧边栏生成任务树
• 场景：管理技术债务，比 Jira 还直观

13. Bookmarks

• 核心能力：给关键函数/代码行打书签，Ctrl+Shift+K添加，Ctrl+Alt+K查看所有书签
• 场景：10万行代码的大项目中快速穿梭于核心逻辑之间

14. Indent Rainbow

• 安装量：1200万+
• 核心能力：不同层级缩进显示不同颜色
• 场景：嵌套层级多的时候，一眼看清代码块归属，避免括号匹配错误

六、文档写作（写技术博客专用）

15. Markdown Preview Enhanced

• 核心能力：增强版 Markdown 预览，支持 Mermaid 流程图、PlantUML、LaTeX 数学公式
• 亮点功能：
  • 导出 PDF / HTML / PNG / JPEG
  • 自动生成目录@[toc]
  • 演示文稿模式（---分隔幻灯片）
  • 代码块执行（Python/Shell/JavaScript）
  • 自定义 CSS 主题

16. Markdown All in One

• 核心能力：自动目录、快捷键增强、列表自动补全
  • Ctrl+B加粗、Ctrl+I斜体
  • 输入1.自动续编号
  • 命令面板执行Create Table of Contents生成目录

17. markdownlint

• 核心能力：Markdown 格式规范检查（标题层级、空格、列表规范）
• 场景：写 CSDN 发布前扫一遍，避免格式翻车

18. Paste Image

• 核心能力：Ctrl+Alt+V直接粘贴剪贴板图片，自动保存到目录并生成 Markdown 链接
• 场景：写技术博客贴截图，效率翻倍

七、远程与部署

19. Remote - SSH

• 安装量：3400万+
• 核心能力：通过 SSH 连接远程服务器，直接编辑文件、运行终端、调试代码
• 场景：本地 VSCode 操作远程环境，无需本地配置依赖，环境一致无坑

20. Docker

• 核心能力：Dockerfile 语法高亮、容器管理、镜像管理
• 场景：管理容器和镜像，方便部署应用

21. Thunder Client

• 安装量：700万+
• 核心能力：轻量 HTTP 客户端，支持 GET/POST/PUT/DELETE、环境变量、请求历史
• 场景：API 测试不用切到 Postman

八、颜值

22. One Dark Pro

• 安装量：1200万+
• 核心能力：Atom 风格暗色主题，语法高亮清晰，长时间编码不刺眼
• 推荐搭配：字体用 Fira Code（支持连字，=>显示为 →）

23. vscode-icons

• 安装量：2300万+
• 核心能力：为不同类型文件显示专属图标，一眼识别文件类型
• 效果：.js黄色、.vue绿色、.json灰色，文件树清晰度提升 50%

九、我的推荐安装清单

按优先级从高到低，不装废的、不装重复的：

第一梯队（必装）： GitLens + Error Lens + Prettier + ESLint + Path Intellisense + vscode-icons 第二梯队（AI + 效率）： GitHub Copilot + Markdown Preview Enhanced + Markdown All in One + Better Comments + Todo Tree + Import Cost 第三梯队（场景按需）： Remote-SSH + Docker + Thunder Client + markdownlint + Paste Image + Git Graph

最后想说：2026 年的 VSCode 早已不是简单的编辑器，而是全功能 IDE。插件是用来提升效率的，不是用来收藏的。按需安装、定期清理，让编辑器保持轻量，才是真正的效率之道。

如果你有特定的技术栈（Java、Python、Go、全栈等），欢迎留言，我可以针对你的方向进一步精简推荐。