可视化闯关学 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 入门培训的负责人。
怎么开始
- 打开 learngitbranching.js.org,先在设置里切换到简体中文。
- 从「基础序列」第一关开始,按提示输入命令过关。
- 卡关时用 show commands 查看当前可用的命令。
- 过完基础后进入远端和进阶关卡,重点练 rebase。
- 回到自己的测试仓库,把学到的操作真实跑一遍。
常见问题
需要安装吗?
纯网页应用,浏览器打开即玩,无需安装任何软件。
免费吗?
完全免费且开源,没有账号体系和付费内容。
和真实 Git 一样吗?
核心命令行为一致,个别参数为教学做了简化,细节以官方文档为准。
授权与合规
项目在 GitHub 上开源,网页应用免费使用无需注册,界面支持切换简体中文。 官网:learngitbranching.js.org。
资源信息
界面语言
中英双语
授权方式
开源免费
适用平台
Web
获取方式
直链下载
资源更新
2026-09-19
页面更新
2026-09-16
↓ 获取资源
点击按钮直接前往资源页面。