发现一个 20k+ start 的 Git 可视化工具！

秒速五厘米 2022-11-17 10:10 156阅读 0赞

作为一名宅男，周末像往常一样漫游在世界最大的“同性社区网站”中～

突然，一个叫  LearnGitBranching 的项目出现在我的视野中......

我带着好奇的心情点了进去，啪～

![366d2f5e1f1b528ef3f30bd04e270751.png][]

具体介绍如下：

LearnGitBranching 是一个 Git 仓库可视化工具。主要目的是帮助开发人员通过可视化功能轻松的理解git 的命令操作。

当初早知道有这么个东西学习 Git，不至于把项目分支搞的一团遭。

打开该程序的主界面，左边是一个可视化的命令行控制台（也称沙盒），右侧是 git 可视化的分支情况。

![fc2724feece81bb01b8cc40e696dc61f.png][]

左侧输入命令之后，右侧分支就会进行相对应该命令的变化，这样一来，对于初学者，很容易理解每行命令实际上干了些什么。

我们还可以通过以下命令进行基本操作，undo 撤消上一条命令的效果，reset 从创建新的面板开始，git clone 用于模拟远程存储库！

继续探索下去......

**等级模式**

为了增加学习的挑战性，会有不同的 leve，如果基础的命令没问题，可以提高等级，选择高级别的 git  概念来学习。

只需在左侧命令行输入 leves，选择不同级别。

![da981b183e4c271dc2cce4f2777141bf.png][]

我们选择基础篇的 1 号，开始按照教程，完成相对应的命令教学。

![0586a2e504388d9865ddc8e7537a2da1.gif][]

**自定义关卡**

除此之外，更 NB 的是我们还可以自定义关卡，输入命令 build level，进入如下界面。

![41294b835ecb3fe658ea1775b6b100f3.png][]

我们可以按照上述的提示，进行自定义关卡生成器，设置好关卡之后，就可以分享给你的好基友进行闯关了。

github 项目地址：

https://github.com/pcottle/learnGitBranching

网页演示地址：

https://learngitbranching.js.org/

有了这款神奇，还怕搞不懂 git 中的各种奇葩命令了。我把项目地址和演示地址贴在上方。

此项目在手，从此就可以愉快的学习 git 啦！

[366d2f5e1f1b528ef3f30bd04e270751.png]: /images/20221022/04492c68512f40db983f55c440d32624.png
[fc2724feece81bb01b8cc40e696dc61f.png]: /images/20221022/968a2a0583414edd8e9eb1f7111164f8.png
[da981b183e4c271dc2cce4f2777141bf.png]: /images/20221022/68160c988acf49308b9274149b618197.png
[0586a2e504388d9865ddc8e7537a2da1.gif]: /images/20221022/a21971e59c224398b552808b24f48433.png
[41294b835ecb3fe658ea1775b6b100f3.png]: /images/20221022/199b094aa6bc474a96b2e466dca40d80.png

发表评论取消回复

表情：

评论列表（有 0 条评论，156人围观）

还没有评论，来说两句吧...

相关阅读

相关下载安装Git可视化工具

svn到Git都使用小乌龟系列参考： [https://www.cnblogs.com/xiuxingzhe/p/9312929.html][https_www.cn...

心已赠人/ 2024年04月17日 17:07/ 0 赞/ 151 阅读

相关 JConsole可视化工具

Jconsole （Java Monitoring and Management Console），一种基于JMX的可视化监视、管理工具。启动JConsole 点击J

绝地灬酷狼/ 2022年12月30日 05:00/ 0 赞/ 327 阅读

相关发现一个 20k+ start 的 Git 可视化工具！

作为一名宅男，周末像往常一样漫游在世界最大的“同性社区网站”中～突然，一个叫 LearnGitBranching 的项目出现在我的视野中...... 我带着好奇的

秒速五厘米/ 2022年11月17日 10:10/ 0 赞/ 157 阅读

相关 MongoDB可视化工具

软件名称为：Mongo Management Studio ![这里写图片描述][SouthEast] ![这里写图片描述][SouthEast 1] [SouthEa

梦里梦外;/ 2022年06月09日 14:23/ 0 赞/ 418 阅读

相关 Hive可视化工具

目前市面上的Hive可视化客户端工具，大都是C/S模式的，安装使用都不是太方便，目前有一款基于WEB的可视化工具TreeSoft，通过浏览器就可以访问使用了，并

妖狐艹你老母/ 2022年05月19日 06:13/ 0 赞/ 483 阅读

相关可视化学习Git

给大家推荐一个Git学习工具LearnGitBranching，以可视化的方式讲述Git的命令原理。并且设置了一系列有挑战性的任务来帮助Git的学习。先上张图看看效果：

秒速五厘米/ 2022年05月01日 12:08/ 0 赞/ 305 阅读

相关 kafak可视化工具

Kafka Web Conslole Kafka Manager KafkaOffsetMonitor kafka-eagle（用于报警，没有其他的功能

谁践踏了优雅/ 2021年12月21日 08:37/ 0 赞/ 502 阅读

相关 Redis可视化工具

Redis做为现在web应用开发的黄金搭担组合，大量的被应用，广泛用于存储session信息,权限信息，交易作业等热数据。Redis作为业界最好的缓存数据库，过去几年发展很快。

今天药忘吃喽~/ 2021年12月15日 22:43/ 0 赞/ 612 阅读

相关数据可视化工具

纯可视化图表生成/图表插件——适合开发，工程师 Echarts（[echarts.baidu.com][]）一个纯Javascript的数据可视化库，百度的产品，常应

￡神魔★判官ぃ/ 2021年09月16日 13:02/ 0 赞/ 727 阅读

相关 svn 可视化工具

StatSVN很好的统计工具，能帮你统计团队成员各自的编写量，代码总数，提交情况，文件数量等情况，并且以html网页图表的方式发布统计结果。使用前提 Stat

逃离我推掉我的手/ 2021年06月24日 14:00/ 0 赞/ 768 阅读