VSCode通过GitLens、GitHub PR插件、Settings Sync、ESLint及多光标等组合,可实现嵌入开发流程的高效代码审查:行级责任标注、PR内联评论、统一检查片段、实时规则拦截与批量修改验证。

VSCode本身不是专门的代码审查工具,但通过合理配置和插件组合,完全可以支撑高效、轻量、贴近开发流程的代码审查工作——重点在于把审查动作嵌入日常编辑、提交前检查和团队协作环节。
用GitLens快速定位变更与上下文
GitLens是VSCode中最实用的代码审查辅助插件。它能在行号旁直接显示每行最后一次修改的作者、提交哈希、时间,点击即可跳转到对应commit;在文件比较视图中还能高亮新增/删除/修改的代码块,并关联原始PR链接(如果集成GitHub/GitLab)。
- 按Ctrl+Shift+P(Win/Linux)或Cmd+Shift+P(Mac),输入“GitLens: Toggle File Blame Annotations”开启行级责任标注
- 右键某一行 → “GitLens: Show Commit in Timeline” 查看该行历史演进
- 打开未暂存更改(Ctrl+Shift+G → 点击“Changes”)→ GitLens会自动增强diff视图,支持内联评论(需配合GitHub Pull Requests插件)
结合PR插件实现内联评论与状态跟踪
安装官方插件“GitHub Pull Requests and Issues”后,VSCode可直连GitHub仓库,在编辑器内查看PR列表、打开特定PR、浏览变更文件、并在代码行上添加评论(@提及成员、标记为待修复、标记为已解决)。
- 侧边栏点击“Pull Requests”图标 → 选择目标PR → 左侧文件树显示所有改动文件
- 点击某文件 → 右键某行 → “Add Comment” 写出具体建议(支持Markdown)
- 评论提交后,团队成员收到通知;你也能在“Activity Bar”里看到自己参与的PR状态更新
用Settings Sync + 自定义代码片段统一审查习惯
团队若共用一套审查关注点(如“必查空指针”“禁止console.log上线”),可将常用检查项做成代码片段(snippets),并同步到团队成员的VSCode中,让审查提示更一致、更自动化。
- 创建review.json片段文件:定义如"null-check": { "prefix": "nc", "body": "// TODO: check null before use: ${1:obj}.${2:prop}" }
- 启用Settings Sync(登录GitHub账号)→ 将自定义片段、推荐扩展(如ESLint、Prettier)、keybindings一并同步
- 搭配ESLint规则(如no-console、no-unused-vars)在保存时实时标红问题,提前拦截低级缺陷
利用多光标+正则替换批量验证修改一致性
审查时经常遇到“这个函数名改了,调用处是否都同步更新?”这类问题。VSCode原生多光标和“在文件中查找”(Ctrl+Shift+F)配合正则,能快速验证全局影响范围。
- 选中变量名 → Ctrl+D逐个匹配相同词 → 快速检查所有使用位置是否合理
- 打开“搜索”面板 → 勾选“Use Regular Expression” → 输入\\boldFunctionName\\b → 查看全部匹配项是否都在预期范围内
- 若确认需批量更新,勾选“Replace in Files”,填入新名称 → 一键同步(建议先备份或确保有Git暂存)
基本上就这些——不需要离开编辑器,就能完成从发现问题、讨论细节、验证修复到闭环跟踪的全过程。关键不是功能多,而是把审查变成写代码时顺手的一环。










