【VibeCoding系列教程18】IDE插件

📅 2026/6/25 13:05:12
【VibeCoding系列教程18】IDE插件
我这个人有个毛病看到新工具就手痒。电脑里的VS Code装了一堆的插件。朋友问我你装这么多插件代码写得更快了吗我沉默了三秒……至少看起来更像高手了。今天跟大家唠唠哪些插件是真的能救命哪些只是占内存的电子手办。Claude Code 官方扩展从DOS时代穿越来的AI先说Claude Code。这玩意儿原本是命令行工具想象一下你一边写代码一边还要切到黑乎乎的终端里打字感觉像在玩上世纪的DOS游戏还是黑白屏那种连鼠标都不能用。后来出了VS Code扩展我立马装了。现在Claude就住在我的侧边栏里像个随叫随到的编程保姆。最爽的是看AI改代码的时候diff对比直接显示在编辑器里哪行动了手脚一目了然。以前AI偷偷改了我的逻辑我还得像侦探一样逐行排查。更离谱的是多会话并行。你可以同时开好几个Claude一个管前端一个管后端一个专门负责写注释。我感觉自己不是程序员是包工头站在工地上指挥三个AI小弟搬砖。当然小弟也有不靠谱的时候。有一次三个Claude同时报错我的电脑风扇转得跟直升机似的我以为它要起飞了赶紧把窗户打开怕它撞墙。类似的工具我也试过Cline和GitHub Copilot功能都差不多但Claude Code的diff显示更对我胃口就像选对象条件都差不多就看谁顺眼。GitLens程序员的侦探事务所再来说GitLens。Git这玩意儿学的时候觉得简单用的时候像解谜。什么rebase、cherry-pick、detached HEAD光听名字就头皮发麻感觉不是在写代码是在施魔法还得念对咒语。最痛苦的是找bug。代码昨天还好好的今天突然就挂了。我得一行行git blame像查监控录像找凶手一样还得自己当法官、当陪审团最后发现凶手竟是我自己。装了GitLens之后鼠标往代码上一放作者、时间、PR信息全弹出来了。找凶手的效率提升了十倍我现在追责的速度比公司HR还快堪称代码界的福尔摩斯。它还能用AI自动生成提交信息。以前我写commit message像写诗憋了半小时写出fix a bug写了八百遍git历史翻出来跟复读机似的。现在AI帮我写虽然偶尔写得像论文摘要但至少比我那两个字强。Office Viewer告别窗口杂技Office Viewer是我最近的心头好。以前AI给我输出Markdown文档打开一看全是#号和**号。看长文还得切到Typora窗口切来切去我的AltTab键都快按烂了。有时候切错了把吐槽老板的微信消息发到了老板窗口那场面想想都后怕。现在装了Office Viewer直接在VS Code里所见即所得地编辑Markdown。看文档、改文档一条龙再也不用玩窗口杂技了我的AltTab键终于能退休了。而且它还能看Excel、Word、PDF甚至压缩包。我的VS Code现在已经不是编辑器了是瑞士军刀是百宝箱是电脑里的哆啦A梦就差不能变出铜锣烧了。ESLintAI的质检员ESLint这插件相当于给AI请了个家教。现在的AI写代码确实快但快不代表对。有时候它生成的代码就像快餐吃着香细看全是添加剂吃多了拉肚子。ESLint会实时扫描你的代码哪里少了个分号哪里变量名不规范哪里潜藏着逻辑漏洞它都会红着脸指出来一点面子不给比我的小学数学老师还严格。我现在养成了一个习惯AI写完代码我先让ESLint过一遍。它点头了我才敢提交。它摇头了我就让AI回去重写跟批改作业似的。这感觉不像编程像质检。我是厂长ESLint是质检员AI是流水线上的工人。我们三个配合得挺好就是AI偶尔会有情绪——虽然它不会说话但从它生成的代码里我能感觉到一丝叛逆仿佛在抗议“你行你上啊。”Prettier代码世界的联合国Prettier解决的是人类之间的战争。团队协作时有人喜欢两格缩进有人坚持四格有人爱单引号有人非双引号不可。每次代码审查格式问题能吵出三百楼跟饭圈撕番位似的。我上一份工作因为tab还是空格的问题两个同事差点在工位上决斗。我夹在中间感觉自己不是程序员是联合国调解员。Prettier的出现相当于给团队立了部宪法。保存文件时自动格式化所有人的代码风格瞬间统一。现在打开项目整齐得像是阅兵方阵看着就舒服强迫症患者的福音我能盯着看十分钟不眨眼。Error Lens专治拖延症Error Lens是个急性子。以前代码报错我得把鼠标移到红波浪线上才能看到提示像在玩打地鼠还得瞄准手一抖就错过了容错率比高考还低。Error Lens直接把错误信息怼到代码行尾一眼就能看到哪里翻车。现在我的代码里错误信息比注释还显眼想装看不见都难比班主任站在窗外还吓人瞬间治好我的侥幸心理。这插件治好了我的拖延症。以前看到红波浪线我假装没看见先写别的心想等会再修。现在错误信息直接糊在脸上不解决都对不起这块屏幕逼着我当场认罪。Console Ninja告别F12马拉松最后说Console Ninja。调试前端的时候console.log是我的生命线没有它我就像盲人摸象。但以前看日志得切到浏览器按F12步骤繁琐得像登机安检还得脱鞋解腰带那种。更惨的是有时候日志多了浏览器控制台里一堆信息找自己的输出像大海捞针。我怀疑浏览器控制台的设计初衷就是为了让程序员多锻炼眼力预防近视毕竟看久了眼睛确实疼。Console Ninja直接在编辑器里显示console输出哪个文件、哪一行、什么结果清清楚楚。网络请求和错误堆栈也一目了然我现在调试代码眼睛不用离开VS Code半步效率提升得让我怀疑之前几年都在用石器时代的方法写代码还是钻木取火那种。总结一下装完这些插件我的VS Code已经从记事本Pro进化成了星际战舰。Claude Code是舰长GitLens是雷达ESLint和Prettier是左右护法Error Lens和Console Ninja是预警系统。而我我大概是那个坐在驾驶舱里喝咖啡的指挥官偶尔按个按钮看着AI们干活。当然插件再多也只是工具。真正让代码跑起来的还是你脑子里的逻辑。不过话说回来有好工具不用那不是清高那是跟自己过不去就像有电梯不坐非要爬楼梯锻炼的是腿累的是心。你去试试不好用回来骂我。反正我也看不见看见了也假装没看见。