Git Graph 插件使 VS Code 原生支持图形化查看 Git 提交历史,含分支、合并、rebase 可视化;安装后需有 .git 仓库,通过命令面板调用;支持提交详情查看、重置、交互式变基、多提交对比及自动刷新等功能。

Git Graph 插件能让 VS Code 原生支持图形化查看 Git 提交历史,不用切到命令行或外部工具,提交关系、分支合并、rebase 操作一目了然。
安装与基础启用
在 VS Code 扩展市场搜索 “Git Graph”,安装后重启(部分版本需手动启用)。确保当前工作区已初始化 Git 仓库(即存在 .git 文件夹),插件才会激活。打开命令面板(Ctrl+Shift+P / Cmd+Shift+P),输入 “Git Graph: View Git Graph” 即可唤出可视化窗口。
读懂提交树布局
主视图以时间倒序从上到下排列提交,每条水平线代表一个 commit;不同颜色的圆点代表不同分支(如 main 是蓝色、feature/login 是绿色);箭头表示父提交指向子提交;合并提交会显示两条入向箭头,清晰标出“谁合并了谁”。右键点击任意提交可快速复制哈希、检出、创建新分支或比较差异。
常用操作速查
- 查看某次提交详情:单击提交节点,右侧面板自动显示作者、时间、消息、变更文件列表,点击文件还能直接对比修改内容
- 回退/重置到某次提交:右键 → “Reset Current Branch to Commit”,选择 soft/mixed/hard 模式(注意 hard 会丢弃工作区更改)
- 交互式变基(rebase):选中一段连续提交 → 右键 → “Rebase Interactive”,勾选要编辑/删除/压缩的提交,保存后自动打开 rebase 编辑器
- 对比两个提交:按住 Ctrl(Cmd)多选两个节点 → 右键 → “Compare Commits”
提升效率的小技巧
在 Git Graph 窗口顶部工具栏,可切换“所有分支”或“仅当前分支”视图;点击分支名可快速切换;启用“Auto Refresh”后,只要本地仓库有变动(如 pull 完成),图谱自动更新。如果看不到远程分支,检查是否执行过 git fetch —— Git Graph 默认只显示本地已知引用。
基本上就这些。用熟之后,看分支演进、排查合并冲突、做代码审查都更直观,不复杂但容易忽略。










