小姐姐用动画图解Git命令,一看就懂!

不羁的心 提交于 2020-11-27 17:01:06

小姐姐用动画图解Git命令,一看就懂!

收录于话题
#打怪升级进阶之路
30个

「 点击图片获取最近两年爆款好文 」

无论是开发、运维,还是测试,大家都知道Git在日常工作中的地位。所以,也是大家的必学、必备技能之一。之前公众号也发过很多git相关的文章:
Git这些高级用法,喜欢就拿去用!
一文速查Git常用命令,搞定版本控制照做就ok
大牛总结的Git使用技巧,写得太好了!
掌握这10条规范,轻松搞定Git!
但是呢,民工哥,也经常在后台看到读者说,命令太多了不好记啊,时间长了不用又忘记了等等的吐槽。是啊,要学一门技术真难,何况现在技术更新、迭代这么快.....




所以,对于学习Git这门技术,要是有一个一看就懂,一学就会的入门资料就好了。前不久,国外的一位小姐姐写了一篇这样的文章《CS Visualized: Useful Git Commands》。作者是来自英属哥伦比亚的小姐姐 Lydia Hallie,在这篇文章里面,她通过生动形象的动画,以更加直观的方式,向开发者展示 Git 命令中的 merge、rebase、reset、revert、cherry-pick 等常用骚操作的具体原理。

下面就给大家带来一些实例分享:
1、git merge
fast-forward模式
小姐姐用动画图解Git命令,一看就懂!
no-fast-forward模式
小姐姐用动画图解Git命令,一看就懂!
合并冲突修复的过程 ,动画演示如下:
小姐姐用动画图解Git命令,一看就懂!
2、git rebase
git rebase 指令会复制当前分支的所有最新提交,然后将这些提交添加到指定分支提交记录之上。
小姐姐用动画图解Git命令,一看就懂!
git rebase还提供了 6 种操作模式:










  • reword:修改提交信息
  • edit:修改此提交
  • squash:将当前提交合并到之前的提交中
  • fixup:将当前提交合并到之前的提交中,不保留提交日志消息
  • exec:在每一个需要变基的提交上执行一条命令
  • drop:删除提交
    以 drop 为例:
    小姐姐用动画图解Git命令,一看就懂!
    以 squash 为例:
    小姐姐用动画图解Git命令,一看就懂!
    3、git reset
    以下图为例:9e78i 提交添加了 style.css 文件,035cc 提交添加了 index.js 文件。使用软重置,我们可以撤销提交记录,但是保留新建的 style.css 和 index.js 文件。
    小姐姐用动画图解Git命令,一看就懂!
    Hard reset硬重置
    硬重置时:无需保留提交已有的修改,直接将当前分支的状态恢复到某个特定提交下。需要注意的是,硬重置还会将当前工作目录(working directory)中的文件、已暂存文件(staged files)全部移除!如下图所示:
    小姐姐用动画图解Git命令,一看就懂!
    4、git revert
    举个例子,我们在 ec5be 上添加了 index.js 文件。之后发现并不需要这个文件。那么就可以使用 git revert ec5be 指令还原之前的更改。如下图所示:
    小姐姐用动画图解Git命令,一看就懂!
    5、git cherry-pick
    举个例子:dev 分支上的 76d12 提交添加了 index.js 文件,我们需要将本次提交更改加入到 master 分支,那么就可以使用 git cherry-pick 76d12 单独检出这条记录修改。如下图所示:
    小姐姐用动画图解Git命令,一看就懂!
    6、git fetch
    使用 git fetch 指令将远程分支上的最新的修改下载下来。
    小姐姐用动画图解Git命令,一看就懂!
    7、git pull
    git pull 指令实际做了两件事:git fetch 和 git merge。
    如下图所示:
    小姐姐用动画图解Git命令,一看就懂!
    8、git reflog
    git reflog 用于显示所有已执行操作的日志!包括合并、重置、还原,也就是记录了对分支的一切更改行为。
    小姐姐用动画图解Git命令,一看就懂!
    如果,你不想合并 origin/master 分支了。就需要执行 git reflog 命令,合并之前的仓库状态位于 HEAD@{1} 这个地方,所以我们使用 git reset 指令将 HEAD 头指向 HEAD@{1}就可以了。
    小姐姐用动画图解Git命令,一看就懂!
    以上就是民工哥今天给大家带来的分享,如果本文对你有所帮助,请点个在看与转发分享支持一下,感谢大家。我们一起学习,共同进步!!!

    原作者:莉迪亚·哈莉(Lydia Hallie)
    原文:https://dev.to/lydiahallie/cs-visualized-useful-git-commands-37p1
    民工哥通过翻译作者原文再加上一些个人理解总结而成,版权归原作者所有,纯属技术分享,不作为商业目的。






























民工哥技术之路
推荐搜索
运维进阶之路目录MySQLNginx
最新整理的 2TB 技术干货:包括架构师实战教程、大数据、Docker容器、系统运维、数据库、redis、MogoDB、电子书、Java基础课程、Java实战项目、ELK Stack、机器学习、BAT面试精讲视频等。只需在「 民工哥技术之路」微信公众号对话框回复关键字:1024 即可获取全部资料。


☆ END ☆

精彩文章推荐:
微信偷偷上线了新功能!你发现了吗?
学霸“闲鱼”被骗后反击!攻破网络诈骗后台...
坑!就写了一行sql,整个系统挂了..
囤书季,正当时!体验一把薅羊毛的快乐
QPS、TPS、并发用户数、吞吐量关系
这可能是搭建Zookeeper集群介绍最全的文章
小姐姐用动画图解Git命令,一看就懂!
点击【阅读原文】发现更多精彩







点个在看、转发支持一下吧↓↓↓
收录于话题 #打怪升级进阶之路
30

上一篇
下一篇




易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!