Learn Git Branching

Learn Git Branch（官网：https://learngitbranching.js.org/?locale=zh_CN）是全球知名纯前端交互式Git可视化闯关学习工具，开源免费（GitHub 32k+ Star），全程浏览器沙盒运行，无需本地安装Git，用游戏化关卡+实时分支动画，从零吃透Git分支、合并、变基等高阶操作，被公认为Git入门进阶最佳教程之一。

核心特色：可视化沙盒闯关教学，输入Git命令即时渲染提交树，直观看懂每个操作对分支、HEAD指针的变化，告别死记硬背命令。

一、页面交互结构

• • 左侧：虚拟终端，支持输入真实原生Git命令（commit/branch/merge/rebase/cherry-pick等）；
  • 右侧：动态可视化提交树，彩色节点代表提交、线条代表分支、箭头标记HEAD指针，执行命令实时刷新动画；
  • 顶部关卡面板：分五大章节，完成当前目标即可通关，可查看最优最少命令解法。

二、五大完整关卡章节（由浅入深）

1. 基础篇（Git入门必学）

循序渐进掌握核心基础命令：git commit、创建分支、切换分支、简单merge合并，理解提交节点与HEAD指针基础概念。

2. 高级篇（核心重难点）

拆解日常高频难点：分离游离HEAD、git rebase变基操作，直观对比merge与rebase分支形态差异，解决合并冲突底层逻辑。

3. 移动提交记录（分支操作核心）

专攻cherry-pick提交拣选、提交平移、分支迁移，学会跨分支复制指定提交，解决多版本代码提取场景。

4. 杂项（实用Git技巧）

零散高频实用操作：单提交提取、reset重置、回退版本、标签tag、临时储藏stash等工作常用小技巧。

5. 远程仓库篇（团队协作）

覆盖GitHub/Gitee日常协作：git fetch、git pull、git push、远程分支追踪、远程rebase、多人并行开发流程。

6. 高阶话题（资深Git进阶）

硬核专家内容：多次连环rebase、复杂多分支合并、提交重组、交互式rebase(i)等高阶场景，适合资深开发。

三、网站核心优势

• • 1. 零环境门槛：纯JS网页沙盒，不用本地Git、不用新建项目，打开网页直接练；
    2. 中文完整本地化：支持locale=zh_CN中文界面，新手无语言障碍；
    3. 可视化降维：把抽象提交树、指针、变基逻辑动画化，看懂原理而非死命令；
    4. 游戏化激励：每关有最优解法，挑战最少命令通关，学习不枯燥；
    5. 全命令覆盖：从入门到企业团队协作高阶操作全覆盖，无内容断层；
    6. 完全开源免费：MIT开源协议，无广告、无注册、无付费内容。

四、适配人群

• • • 编程零基础：刚接触版本控制，分不清branch/merge/rebase；
    • 初级开发者：只会简单pull/push，遇到变基、拣选就报错；
    • 职场开发：多人协作、多版本迭代场景，需要理清分支管理规范；
    • 面试备考：吃透Git底层分支原理，应对rebase、cherry-pick高频面试题。

五、实用小技巧

1. 直达无弹窗沙盒：链接末尾添加?NODEMO跳过欢迎弹窗；
2. 支持一键查看关卡标准答案，适合卡关时参考；
3. 可重置当前关卡、清空仓库，反复练习同一知识点；
4. 多语言切换：支持中文、英文、日文等多国界面。