资讯动态

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

发布时间:2026/8/16 3:48:53 来源:尧图企业网站定制
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核心能力给关键函数/代码行打书签CtrlShiftK添加CtrlAltK查看所有书签场景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核心能力自动目录、快捷键增强、列表自动补全CtrlB加粗、CtrlI斜体输入1.自动续编号命令面板执行Create Table of Contents生成目录17. markdownlint核心能力Markdown 格式规范检查标题层级、空格、列表规范场景写 CSDN 发布前扫一遍避免格式翻车18. Paste Image核心能力CtrlAltV直接粘贴剪贴板图片自动保存到目录并生成 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、全栈等欢迎留言我可以针对你的方向进一步精简推荐。

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价