zoukankan      html  css  js  c++  java
  • 小姐姐用动画图解Git命令,一看就懂!

    无论是开发、运维,还是测试,大家都知道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模式

    640.gif

    no-fast-forward模式

    640 (1).gif

    合并冲突修复的过程 ,动画演示如下:

    640 (2).gif

    2、git rebase

    git rebase 指令会复制当前分支的所有最新提交,然后将这些提交添加到指定分支提交记录之上。

    640 (4).gif

    git rebase还提供了 6 种操作模式:

    • reword:修改提交信息
    • edit:修改此提交
    • squash:将当前提交合并到之前的提交中
    • fixup:将当前提交合并到之前的提交中,不保留提交日志消息
    • exec:在每一个需要变基的提交上执行一条命令
    • drop:删除提交

    以 drop 为例:
    640 (5).gif

    以 squash 为例:

    640 (7).gif

    3、git reset

    以下图为例:9e78i 提交添加了 style.css 文件,035cc 提交添加了 index.js 文件。使用软重置,我们可以撤销提交记录,但是保留新建的 style.css 和 index.js 文件。

    640 (6).gif

    Hard reset硬重置

    硬重置时:无需保留提交已有的修改,直接将当前分支的状态恢复到某个特定提交下。需要注意的是,硬重置还会将当前工作目录(working directory)中的文件、已暂存文件(staged files)全部移除!如下图所示:

    640 (8).gif

    4、git revert

    举个例子,我们在 ec5be 上添加了 index.js 文件。之后发现并不需要这个文件。那么就可以使用 git revert ec5be 指令还原之前的更改。如下图所示:
    640 (9).gif

    5、git cherry-pick

    举个例子:dev 分支上的 76d12 提交添加了 index.js 文件,我们需要将本次提交更改加入到 master 分支,那么就可以使用 git cherry-pick 76d12 单独检出这条记录修改。如下图所示:

    640 (10).gif

    6、git fetch

    使用 git fetch 指令将远程分支上的最新的修改下载下来。

    640 (11).gif
    7、git pull

    git pull 指令实际做了两件事:git fetch 和 git merge。

    如下图所示:

    640 (12).gif
    8、git reflog

    git reflog 用于显示所有已执行操作的日志!包括合并、重置、还原,也就是记录了对分支的一切更改行为。

    640 (13).gif

    如果,你不想合并 origin/master 分支了。就需要执行 git reflog 命令,合并之前的仓库状态位于 HEAD@{1} 这个地方,所以我们使用 git reset 指令将 HEAD 头指向 HEAD@{1}就可以了。
    640 (14).gif

    以上就是民工哥今天给大家带来的分享,如果本文对你有所帮助,请点个在看与转发分享支持一下,感谢大家。我们一起学习,共同进步!!!

    原作者:莉迪亚·哈莉(Lydia Hallie)
    原文:https://dev.to/lydiahallie/cs...
    民工哥通过翻译作者原文再加上一些个人理解总结而成,版权归原作者所有,纯属技术分享,不作为商业目的。
  • 相关阅读:
    Nginx安装
    node.js搭建vue脚手架
    Oracle引入数据
    MVC引入Junit单元测试
    Git版本控制器
    IDEA-Maven
    SSM框架整合
    【测试基础第五篇】测试用例编写和评审
    【测试基础第四篇】测试用例设计方法
    【测试基础第三篇】需求测试分析
  • 原文地址:https://www.cnblogs.com/youkanyouxiao/p/12731313.html
Copyright © 2011-2022 走看看