Git Graph 是 VSCode 中直观展示分支、提交、合并关系及 HEAD 位置的扩展，安装后通过状态栏或命令面板启动，支持聚焦查看、筛选提交、对比差异等高效操作。
Git Graph 是 VSCode 中一个非常实用的扩展，能直观展示分支、提交、合并关系和 HEAD 位置，让复杂的 Git 历史一目了然。
安装与启用 Git Graph
在 VSCode 扩展市场中搜索 “Git Graph”，点击安装并重启（部分版本无需重启）。确保你的项目已初始化为 Git 仓库（即存在 .git 文件夹），否则插件不会激活。安装后，左下角状态栏会出现 Git 分支图标，点击即可打开图形视图；也可通过命令面板（Ctrl+Shift+P / Cmd+Shift+P）输入 “Git Graph: View Git Graph” 快速启动。
读懂主界面的关键元素
图中每条水平线代表一个分支，圆点是提交（commit），连线表示父子关系。颜色区分不同分支，当前所在分支高亮加粗，HEAD 指针用小箭头或 “HEAD” 标签标出。右键点击任意提交可查看详细信息（作者、时间、完整哈希、变更文件）、复制哈希、检出、回退、创建新分支或打标签。合并提交会显示为多条线汇入一个节点，清晰反映集成路径。
当用户提及 GitHub URL，或要求分析、审查、探索或理解任意 GitHub 项目、仓库或代码库时，请使用此技能。触发条件包括以下短语：“分析这个项目”、“看看这个仓库”、“analyze this repo”、“what does this project do”，或消息中包含任何 github.com URL。
常用操作技巧
- 聚焦查看：右键提交 → “Focus on Commit”，自动缩放并居中该提交及其直接祖先/后代
- 筛选提交：顶部工具栏可按分支、作者、日期范围、关键词过滤，快速定位目标提交
- 对比差异：选中两个提交（按住 Ctrl/Cmd 点击），右键 → “Compare Commits”，直接跳转到内联 diff 视图
- 可视化暂存区：未提交的修改不会出现在图中，但右下角会显示 “Staged Changes” 提示，配合 Source Control 面板使用更高效
提升协作与排查效率
多人并行开发时，Git Graph 能一眼识别谁在哪个分支做了什么、是否遗漏合并、是否存在分叉过久的长期分支。遇到“为什么这个功能没上线”，不必翻日志或切分支，直接看图找 merge commit 或 cherry-pick 记录。修复线上问题时，用 “Compare with Previous Commit” 快速确认改动范围，避免误操作。
基本上就这些 —— 不复杂，但容易忽略它对理解 Git 流程的实际帮助。
