Git Graph插件在VS Code中提供分支、合并、提交的可视化图谱,支持右键操作、细节查看、搜索过滤及分支策略分析,提升Git工作流理解与效率。

Git Graph插件能让你在 VS Code 里直接看到分支、合并、提交的可视化图谱,不用切到终端或浏览器,查历史、找冲突、理清协作关系都更直观。
安装与基础使用
在 VS Code 扩展市场搜 “Git Graph”,安装后重启(或直接重载窗口)。点击左侧活动栏图标(或按 Ctrl+Shift+G)就能打开图形视图。默认显示当前仓库的所有分支和提交节点,时间从上到下递增,主分支通常靠左,其他分支向右延伸。
- 右键提交可复制哈希、检出、创建新分支、合并、回退等
- 点击任意提交,在下方“Details”面板中查看完整信息、变更文件列表、diff 预览
- 顶部搜索框支持按作者、消息关键词、哈希快速过滤提交
读懂分支与合并关系
图中每条斜线代表一次分支创建,带箭头的连线表示合并(merge)操作。绿色圆点是普通提交,蓝色菱形是合并提交,虚线连接表示 fast-forward 合并,实线则代表三方合并。
- 如果两个分支线交汇成一个节点,说明发生了 merge;若一条线直接“吞掉”另一条(无分叉),大概率是 rebase 后的结果
- 悬空的分支线(没连到 main 或 develop)可能是本地未推送的特性分支,可右键推送或删除确认
- 看到密集交叉的线条?说明近期合并频繁,建议检查是否缺少代码评审或分支策略不清晰
实用技巧提升效率
图形界面不只是好看,还能帮你快速定位问题:
- 想看某次发布前的全部改动?右键 tag 节点 → “Compare with current” 直接对比差异
- 误删了本地分支?在 Git Graph 中找到对应分支线,右键 → “Create Branch…” 恢复(前提是有提交记录)
- 配合 VS Code 的“Source Control”视图联动:点击图形中某个提交,左侧源码管理会自动跳转到对应状态
- 开启设置 git-graph.showCurrentBranchOnly 可聚焦当前分支,减少干扰
基本上就这些。图形化不是替代命令行,而是补全你理解 Git 工作流的那块拼图——看得清,才敢动。










