Git Graph 插件可在 VSCode 中以交互式有向图展示 Git 分支结构、提交关系与合并路径;需通过扩展市场安装,支持快捷键(Cmd+Shift+G)打开视图,提供分支/作者筛选、双提交对比及右键执行创建分支、重置、回退等操作。

如果您在使用 VSCode 进行版本控制时希望直观查看分支结构、提交关系与合并路径,则 Git Graph 插件可将本地仓库的 Git 历史以交互式有向图形式呈现。以下是启用并高效使用该插件的操作步骤:
本文运行环境:MacBook Air,macOS Sequoia。
一、安装 Git Graph 插件
Git Graph 是一个独立的 VSCode 扩展,需通过扩展市场手动安装,安装后无需额外配置即可识别当前工作区的 Git 仓库。
1、打开 VSCode,点击左侧活动栏中的扩展图标(四个方块组成的图标)。
2、在扩展搜索框中输入 Git Graph,找到作者为 mhutchie 的官方插件。
3、点击“安装”按钮,安装完成后点击“重新加载”使插件生效。
二、打开 Git Graph 视图
插件安装完毕后,Git Graph 提供多种触发方式进入图形化界面,所有方式均直接读取当前打开文件夹所关联的 Git 仓库数据。
1、按下 Command + Shift + G(macOS)或 Ctrl + Shift + G(Windows/Linux)快捷键。
2、或点击顶部菜单栏的 View → Command Palette,输入 Git Graph: View Git Graph 并回车。
3、或右键点击资源管理器中任意 Git 仓库根目录,选择 View Git Graph。
三、定位并筛选特定提交
Git Graph 默认显示全部分支的完整提交历史,当仓库提交量较大时,可通过内置过滤功能快速聚焦目标节点,避免视觉干扰。
1、在 Git Graph 视图右上角点击 Filter 按钮(漏斗图标)。
2、勾选 Branches,仅保留当前关注的分支名称,如 main 和 feature/login。
3、在 Author 输入框中键入开发者邮箱前缀,例如 alice@,实时筛选其提交记录。
四、对比两个提交之间的差异
Git Graph 支持对任意两个提交节点执行 diff 操作,结果以 VSCode 内置的差异编辑器展示,精确到每个变更文件及代码行。
1、在图形视图中按住 Command 键(macOS)或多选两个提交节点(点击第一个后按住 Shift 点击第二个)。
2、右键选中区域,在上下文菜单中选择 Compare Commits。
3、VSCode 将自动打开比较面板,左侧为较早提交,右侧为较晚提交,新增/修改/删除的文件以颜色区分。
五、从图形界面执行 Git 操作
Git Graph 不仅用于查看,还集成常用 Git 命令入口,所有操作均在当前仓库上下文中执行,无需切换终端。
1、右键某个提交节点,选择 Create New Branch From Commit,输入分支名后立即创建并检出。
2、右键某分支指针,选择 Reset Branch to Commit,在弹出选项中选择 Hard 或 Soft 类型完成重置。
3、右键合并提交(带双箭头连接线的节点),选择 Revert Commit,生成反向提交消除其更改。










