首页 文章详情

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

前端宇宙 | 322 2021-04-08 09:41 0 0 0
UniSMS (合一短信)

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


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


我带着好奇的心情点了进去,啪~



具体介绍如下:


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


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


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



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


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


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


等级模式


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


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



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




自定义关卡


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



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


github 项目地址:


https://github.com/pcottle/learnGitBranching


网页演示地址:


https://learngitbranching.js.org/


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


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

good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter