0

0

VSCode的Git Graph插件:图形化展示你的Git提交历史

P粉986688829

P粉986688829

发布时间:2025-12-29 18:25:02

|

467人浏览过

|

来源于php中文网

原创

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

vscode的git graph插件:图形化展示你的git提交历史

如果您在使用 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 按钮(漏斗图标)。

蛙蛙写作
蛙蛙写作

超级AI智能写作助手

下载

2、勾选 Branches,仅保留当前关注的分支名称,如 mainfeature/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,在弹出选项中选择 HardSoft 类型完成重置。

3、右键合并提交(带双箭头连接线的节点),选择 Revert Commit,生成反向提交消除其更改。

相关专题

更多
自建git服务器
自建git服务器

git服务器是目前流行的分布式版本控制系统之一,可以让多人协同开发同一个项目。本专题为大家提供自建git服务器相关的各种文章、以及下载和课程。

637

2023.07.05

git和svn的区别
git和svn的区别

git和svn的区别:1、定义不同;2、模型类型不同;3、存储单元不同;4、是否拥有全局版本号;5、内容完整性不同;6、版本库不同;7、克隆目录速度不同;8、分支不同。php中文网为大家带来了git和svn的相关知识、以及相关文章等内容。

523

2023.07.06

git撤销提交的commit
git撤销提交的commit

Git是一个强大的版本控制系统,它提供了很多功能帮助开发人员有效地管理和控制代码的变更,本专题为大家提供git 撤销提交的commit相关的各种文章内容,供大家免费下载体验。

262

2023.07.24

git提交错误怎么撤回
git提交错误怎么撤回

git提交错误撤回的方法:git reset head^:撤回最后一次提交,恢复到提交前状态。git revert head:创建新提交,内容与之前提交相反。git reset :使用提交的 sha-1 哈希撤回指定提交。交互式舞台区:标记要撤回的特定更改,然后提交,排除已撤回更改。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

538

2024.04.09

git怎么对比两个版本的文件内容
git怎么对比两个版本的文件内容

要对比两个版本的 git 文件,请使用 git diff 命令:git diff 比较工作树和暂存区之间的差异。git diff 比较两个提交或标签之间的差异。git diff 输出显示差异块,其中 + 表示添加的行,- 表示删除的行, 表示修改的行。可使用 gitkraken、meld、beyond compare 等可视化工具更直观地查看差异。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

511

2024.04.09

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

505

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1040

2023.07.27

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

737

2023.08.01

俄罗斯搜索引擎Yandex最新官方入口网址
俄罗斯搜索引擎Yandex最新官方入口网址

Yandex官方入口网址是https://yandex.com;用户可通过网页端直连或移动端浏览器直接访问,无需登录即可使用搜索、图片、新闻、地图等全部基础功能,并支持多语种检索与静态资源精准筛选。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1

2025.12.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PostgreSQL 教程
PostgreSQL 教程

共48课时 | 6.2万人学习

Git 教程
Git 教程

共21课时 | 2.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号