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、全栈等），欢迎留言，我可以针对你的方向进一步精简推荐。
