装过几百个插件后,真正留下来的只有这12个。它们不是什么热门榜单常客,而是实打实每天帮我省时间的工具。
分三类:基础必备、效率提升、代码质量。最后还有两个让眼睛舒服的彩蛋。
基础必备组
Error Lens 排第一。错误和警告直接显示在代码旁边,不用再把鼠标悬到红波浪线上。作者估算每天能省30多分钟——不用来回移动鼠标看报错,这数字我信。
GitHub Copilot 争议大,但我离不开。Tab键接受建议,然后手动改。全篇接受通常要翻车,但省下的按键次数是真实的。
GitLens 解决了一个痛点:不用离开编辑器就能看git blame和历史。我最常用的操作是 Ctrl+Shift+P 调出 "GitLens: Open Changed Files",pull之后瞬间看清改了什么。
TODO Highlight 专治健忘。TODO、FIXME、HACK、BUG 这些注释会被高亮,自己埋的雷想忘都难。
效率提升组
Multi Command 是隐藏的杀手。一个快捷键串行执行多条命令,比如格式化文档+整理import+自动修复eslint。作者的配置是 Ctrl+Shift+F12,每次commit前按一下。
Auto Rename Tag 小事大用。改HTML/XML标签时自动同步改闭合标签,重构JSX时省大量机械操作。
Path Intellisense 补全文件路径。import 语句里打 @/comp 能自动补出 @/components/Header,打 ./sty 会提示 ./styles.module.css。
Copy Relative Path 一键复制相对于项目根目录的路径。作者绑了 Ctrl+Shift+C,写文档和配import时高频使用。
代码质量组
ESLint 和 Prettier 是基线配置,没有商量空间。ESLint 需要装 @typescript-eslint/parser 和 @typescript-eslint/eslint-plugin,Prettier 要在设置里指定为默认格式化工具。
Error Gutters 把错误和警告变成行号旁的图标,像git blame标记那样,一眼看清文件整体健康度。
Inline Parameters 在函数调用处显示参数名。createUser("Alex", "alex@example.com", true) 会变成 createUser(name: "Alex", email: "alex@example.com", isAdmin: true),代码自解释,省掉多余注释。
两个彩蛋
One Dark Pro 是最流行的暗色主题,对比度舒服,不惊艳但耐看。Material Icon Theme 让文件图标一眼可辨——React组件、测试文件、配置文件各有明显区别。
最后附一个作者的自用设置:字体14号,行高1.6,字体用 JetBrains Mono。这些数字没有神秘之处,只是一个人试出来的平衡点。
热门跟贴