跳到内容
分享网

可视化闯关学 Git:分支操作看得见,Learn Git Branching 免费玩

学习资料 Web 3 天前更新 浏览 4 ↓ 直达下载
可视化闯关学 Git:分支操作看得见,Learn Git Branching 免费玩

Git 难学是因为分支、变基这些操作看不见摸不着。Learn Git Branching 把仓库画成一棵可以操作的提交树,每输一条命令就能看到分支如何移动,用几十个关卡从提交、合并一路练到 rebase,网页免费可玩。

它解决什么问题

照文档背命令,背完就忘,完全不知道每条命令在仓库里到底改了什么。

不敢在真实项目里试 rebase、reset 这类有风险的操作,怕把历史搞坏。

核心能力

能力 具体能做到什么
操作可视化 每次命令后提交树实时变动,过程看得见
关卡式闯关 几十个关卡由浅入深,每关目标明确
覆盖进阶 rebase、reset、远端操作等进阶场景都有
中文界面 支持切换简体中文,降低阅读门槛
无风险练习 沙盒环境随便试错,不怕弄坏真实仓库
免费开源 网页免费使用,项目代码在 GitHub 开源

闯完关怎么把手感带回真实项目

游戏里的命令和真实仓库一致,练完别急着关页面:在自己的测试仓库里把 merge、rebase 各做一遍,再用 git log 对照观察历史变化,把画面感和命令真正对应起来。

团队协作里的远端分支、冲突处理是重点,建议开一个自己的远端仓库模拟推送、拉取和解决冲突。工作里拿不准的操作先在新分支上试,游戏练的是理解,真实仓库里始终谨慎为上。

同类工具怎么选

工具 授权 差别在哪
Git 官方教程 官方免费资源 权威完整,但缺少可视化反馈
Pro Git 电子书 开源免费 内容深入,适合系统学习而非入门
图形化 Git 客户端 免费闭源 点选操作省记命令,但不易理解原理

谁适合用

  • 刚接触 Git、命令背了就忘的新手。
  • 会基本操作但不敢碰 rebase 的开发者。
  • 想给团队新人做 Git 入门培训的负责人。

怎么开始

  1. 打开 learngitbranching.js.org,先在设置里切换到简体中文。
  2. 从「基础序列」第一关开始,按提示输入命令过关。
  3. 卡关时用 show commands 查看当前可用的命令。
  4. 过完基础后进入远端和进阶关卡,重点练 rebase。
  5. 回到自己的测试仓库,把学到的操作真实跑一遍。

常见问题

需要安装吗?
纯网页应用,浏览器打开即玩,无需安装任何软件。

免费吗?
完全免费且开源,没有账号体系和付费内容。

和真实 Git 一样吗?
核心命令行为一致,个别参数为教学做了简化,细节以官方文档为准。

授权与合规

项目在 GitHub 上开源,网页应用免费使用无需注册,界面支持切换简体中文。 官网:learngitbranching.js.org

资源信息
界面语言 中英双语
授权方式 开源免费
适用平台 Web
获取方式 直链下载
资源更新 2026-09-19
页面更新 2026-09-16

获取资源

点击按钮直接前往资源页面。