跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书AI学习GitHub 精选镜像AI工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
编程语言大前端

VS Code GitGraph 插件使用指南

VS Code 中 GitGraph 插件的安装、配置及基本使用方法。内容包括通过插件商店安装扩展,在设置中配置用户详情与远端仓库(Fetch/Push URL),以及如何在图形界面中创建分支、切换分支、拉取更新、版本回退和删除分支等操作。旨在帮助用户直观地管理 Git 提交历史与分支结构。

MqEngine发布于 2026/3/29更新于 2026/10/26119 浏览

插件安装

在 VS Code 插件商店搜索 mhutchie.git-graph,安装。

文章配图

打开 GitGraph

  1. 方法一:VS Code 左侧源代码管理 - GitGraph 图标
  2. 方法二:VS Code 底部 GitGraph 选项

文章配图

方法一可以支持选择不同的仓库

配置 GitGraph

文章配图

1. 配置 User Details

主要是用来展示代码贡献者。

文章配图

2. 配置远端仓库

Fetch URL: 是指拉取代码的链接 Push URL: 是指推送代码的链接(不配置的话默认跟 Fetch URL 相同)

一般来说,我们把被派生的仓库(主仓库)称为 upstream,派生的仓库(自己的仓库)称为 origin。又:主仓库(upstream)大概率是没有推送权限的,这时候我们可以手动配置 Push URL 为空( - ),防止误推送。

文章配图

创建一个新分支

1. 在原有分支的基础上,创建新分支

选择 "Create new branch from..."(在原有分支的基础上新建分支)。

文章配图

2. 选择我们希望从哪个分支上创建新分支

文章配图

一般会是主仓库(upstream)的最新(main)分支。

3. 输入新的分支名

文章配图

4. 回车之后稍等几秒即可看到我们创建的新分支了

文章配图

如果不出现可以手动点击右上角的刷新按钮。

远端分支与本地分支

顾名思义,远端分支储存在远程仓库中,本地分支存储在本地硬盘中。

显示格式:

  • 本地分支:仅显示分支名(因为它只存在本地,不存在远端)
  • 远端分支:远端仓库名/分支名(因为即使是不同的远端仓库,也可能拥有名字相同的分支)
  • 本地分支 + 远端分支:分支名 | 远端仓库名(代表本地与远端都有一个叫 xx 的分支)

文章配图

拉取(Fetch) & 刷新(Refresh)

  • 当远端仓库更新的时候,并不会告知本地,这时候我们需要手动拉取 Fetch 一下。
  • 但是即使是拉取了之后,界面也不会更新,所以我们仍然得手动刷新 Refresh 一下。

文章配图

所以一般刷新得把两个按钮都按按。

切换(Checkout)

当我们想更换分支进行开发的时候,右键对应的气泡,选择 Checkout 即可切换到对应分支。

文章配图

注意带有加粗字体的气泡则为目前所在的分支。

文章配图

拉取(Pull)

当我们需要拉取并合并某个分支最新的改动的时候,右键对应的气泡选择 Pull into current branch。

文章配图

文章配图

版本回退

当我们需要回退到某个指定 commit 的时候,右键对应的 commit 选择 Reset current branch to this commit。

文章配图

文章配图

Hard 为取消所有修改并回退。

文章配图

创建任意的分支

选择对应的 commit 右键 Create Branch 即可。

文章配图

文章配图

文章配图

删除分支

选择对应的气泡右键 Delete Branch 即可。

文章配图

文章配图

前提:不在正在使用的分支上。

文章配图

目录

  1. 插件安装
  2. 打开 GitGraph
  3. 配置 GitGraph
  4. 1. 配置 User Details
  5. 2. 配置远端仓库
  6. 创建一个新分支
  7. 1. 在原有分支的基础上,创建新分支
  8. 2. 选择我们希望从哪个分支上创建新分支
  9. 3. 输入新的分支名
  10. 4. 回车之后稍等几秒即可看到我们创建的新分支了
  11. 远端分支与本地分支
  12. 拉取(Fetch) & 刷新(Refresh)
  13. 切换(Checkout)
  14. 拉取(Pull)
  15. 版本回退
  16. 创建任意的分支
  17. 删除分支

更多推荐文章

查看全部
  • 浏览器端播放 H.265:WebAssembly、FFmpeg 与 WebCodecs 的组合方案
  • 基于 SSH 加密安全连接远程 OpenClaw 网关的方法
  • OpenClaw 配置飞书机器人全流程指南
  • 大模型应用开发极简入门:基于 GPT-4 和 ChatGPT 实战指南
  • 前端代码分割与懒加载实践
  • Linux Ext 系列文件系统原理与实战
  • OD 机试真题:机器人活动区域
  • BFS 实现 FloodFill 算法及经典题目解析
  • 自动化批量挖掘 SRC 漏洞实战指南
  • Stable Diffusion v1.5 环境搭建与使用技巧
  • 在 Windows 上安装 Python-vLLM
  • PyTorch 实战:文本引导图像生成与 Stable Diffusion 实践
  • C++ Qt 网络编程实战:UDP、TCP 与 HTTP 应用
  • 高频交易 (HFT) 系统深度拆解:100 纳秒级网卡到 C++ 策略响应流程
  • 大模型开发基本功:推荐几个练手程序与优化实践
  • Python 实战:肘部法则与轮廓系数可视化(K-Means 聚类最优 K 值选择)
  • Stable Diffusion 与 Qwen-Image-2512 深度对比:云端实测解析
  • DeepSeek 爆发期,前端工程师的转型路径与核心价值
  • 图的寻路算法详解:基于深度优先搜索 (DFS) 的实现
  • 二叉排序树与堆的区别

相关免费在线工具

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

  • Markdown转HTML

    将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online

  • HTML转Markdown

    将 HTML 片段转为 GitHub Flavored Markdown,支持标题、列表、链接、代码块与表格等;浏览器内处理,可链接预填。 在线工具,HTML转Markdown在线工具,online

  • JSON 压缩

    通过删除不必要的空白来缩小和压缩JSON。 在线工具,JSON 压缩在线工具,online

  • JSON美化和格式化

    将JSON字符串修饰为友好的可读格式。 在线工具,JSON美化和格式化在线工具,online