Learn Git Branching

核心功能

• 交互式沙盒：在浏览器中直接模拟 Git 仓库，实时显示分支、提交和 HEAD 指针的变化
• 可视化反馈：每次操作后立即更新分支拓扑图，直观展示命令效果
• 难度分级：基础教程覆盖 commit、branch、merge 等核心概念，高级关卡涉及 rebase、cherry-pick、交互式 rebase 等复杂操作

适用人群

教学架构

1. 基础篇

• 提交与分支创建
• 合并与快进合并
• 远程仓库同步

2. 进阶篇

• 变基操作（rebase）
• 交互式变基（rebase -i）
• 选择提交（cherry-pick）
• 标签与相对引用

3. 远程协作

• 远程分支跟踪
• 推送与拉取冲突
• 基于远程分支的变基

技术特性

• 零配置：无需安装 Git 客户端，打开网页即可运行
• 即时反馈：错误操作可随时撤销，支持重置所有关卡
• 多语言支持：界面和提示信息已本地化为中文
• 进度保存：通过浏览器 localStorage 存储已完成关卡

实用建议

• 建议配合终端实际操作，将可视化理解转化为命令行肌肉记忆
• 每个关卡完成后尝试修改命令参数，观察不同结果
• 利用“Git 命令参考”面板快速查询不熟悉的命令语法

该工具将 Git 复杂的内部机制转化为可操作的视觉模型，特别适合需要系统理解分支操作逻辑的开发者。