0基础的git教程，傻瓜都会用的Github Desktop
<div><h2>苦恼</h2>
<p>你有没有为了学git的经历一而再再而三查看别人的文档还是学不会的经历，只是它、因为你没有使用git的需要，更何况繁琐的命令行让人头疼，什么缓存区，分支，HEAD，合并分支这些让人头疼的东西敬而远之，有一款github官方的应用程序就是为了小白而生的，这篇教程里<strong>不会介绍任何一个命令</strong>但是看完之后你能轻松使用git。</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="960" data-height="540"><img src="//upload-images.jianshu.io/upload_images/3062143-c9821ee01a5b8737.png?imageMogr2/auto-orient/strip|imageView2/2/w/960/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-c9821ee01a5b8737.png" data-original-width="960" data-original-height="540" data-original-format="image/png" data-original-filesize="56698" data-image-index="0"></div>
</div>
<div class="image-caption"> </div>
</div>
<h2>git介绍</h2>
<p>什么是git？间接的说git是分布式版本控制工具，这你或许看过很多遍了，但是我还是想在这里重复一遍，git可以在一下情境中很有用：</p>
<ul>
<li>
<p>你在写一篇很长的论文，比如说论文的开头介绍， 相关的研究，论述，建议，总结。很显然这些都是不同部分，各个部分不相关联，但是总结起来就是你整个文章，但是论文嘛，总是改了又该，很烦人，因为会生成很多的文件。所以git可以帮你把不同的部分合并在一起但是不会生成任何多余的文件。<strong>你可以迁出到任何你提交后的状态</strong>。</p>
</li>
<li>
<p>其次就是软件开发，比如开发网页。有的人做前端，html，css，js调用一把梭，其他人很精通服务器，两者的业务分工明确，所以很适合分工合作，最后把两者的业务关联一下就可以看到网站了。这时候git也起到了相当重要的作用，因为是<strong>分工合作</strong>。</p>
</li>
</ul>
<h2>Github Desktop</h2>
<p>这是Github的官方git软件，其实现在很多IDE都自带这种版本控制软件，学会了这个其他的版本控制软件上手就很简单了，这篇文章我只会分享自己常用的一些操作。</p>
<h2>界面介绍</h2>
<p>如果你打开这个软件后（下载地址在上方的超链接中），会发现应该如下所示。 左边的是可以切换添加进来的仓库，再也不需要cd来cd去了，白色框内是改变提醒，下面是提交修改。所以整个工作流程是有修改直接commit就行了。</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1932" data-height="1588"><img src="//upload-images.jianshu.io/upload_images/3062143-bfde1e1ac2013b2d.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-bfde1e1ac2013b2d.png" data-original-width="1932" data-original-height="1588" data-original-format="image/png" data-original-filesize="275516" data-image-index="1"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>请注意你可以从左下角看到我的头像这是以为我已经安装了git，这篇文章侧重介绍Github Desktop的使用，软件的介绍而不是安装工具，所以如果你还没有安装git，请移步廖老师的安装教程</p>
<h2>创建一个本地仓库</h2>
<p>好了现在我们直接在我的github上面克隆一个仓库并且在桌面打开，这个仓库已经初始化好了，所以不需要任何命令<br>
</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="2880" data-height="1800"><img src="//upload-images.jianshu.io/upload_images/3062143-20662c2d95c7f41e.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-20662c2d95c7f41e.png" data-original-width="2880" data-original-height="1800" data-original-format="image/png" data-original-filesize="449801" data-image-index="2"></div>
</div>
<div class="image-caption"> </div>
</div>
<p> </p>
<p>Github Desktop果然是亲儿子， 在网站下载会自动导入到Github Desktop中</p>
<br>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="908" data-height="462"><img src="//upload-images.jianshu.io/upload_images/3062143-f5e8f5fe87188167.png?imageMogr2/auto-orient/strip|imageView2/2/w/908/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-f5e8f5fe87188167.png" data-original-width="908" data-original-height="462" data-original-format="image/png" data-original-filesize="68858" data-image-index="3"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>那如果没有自动导入怎么办内，假如你的learngit文件夹在桌面上，可以添加本地仓库，这是一样的</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="542" data-height="278"><img src="//upload-images.jianshu.io/upload_images/3062143-98ade259fc352a9f.png?imageMogr2/auto-orient/strip|imageView2/2/w/542/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-98ade259fc352a9f.png" data-original-width="542" data-original-height="278" data-original-format="image/png" data-original-filesize="69723" data-image-index="4"></div>
</div>
<div class="image-caption"> </div>
</div>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1928" data-height="1576"><img src="//upload-images.jianshu.io/upload_images/3062143-aa96dd5195fbc987.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-aa96dd5195fbc987.png" data-original-width="1928" data-original-height="1576" data-original-format="image/png" data-original-filesize="234241" data-image-index="5"></div>
</div>
<div class="image-caption"> </div>
</div>
<h2>提交改变</h2>
<p>好了咱们已经有了本地仓库了，那么现在当然是什么改变都没有，也不需要提交什么。可以看到我的learngit中有一个learn2.txt文件，我们就做一些修改吧！<br>
在其中添加一行learning git is easy.看看有什么变化吧！</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1920" data-height="1582"><img src="//upload-images.jianshu.io/upload_images/3062143-4fbeaf609e309bdf.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-4fbeaf609e309bdf.png" data-original-width="1920" data-original-height="1582" data-original-format="image/png" data-original-filesize="196992" data-image-index="6"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>看到了吧，已经显示了我们在第4，5行新添加了改变(其中第4行为空白行), 那现在就可以在summary写上简短的改变描述，比如我写的是add learn git is easy之后点击commit to master就可以了。</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1926" data-height="1572"><img src="//upload-images.jianshu.io/upload_images/3062143-14a83f3f46c17c82.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-14a83f3f46c17c82.png" data-original-width="1926" data-original-height="1572" data-original-format="image/png" data-original-filesize="200049" data-image-index="7"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>看到了吧，现在显示本地没有改变，但是上面push origin显示了1，代表的是我们与远程的github不同步，本地有一个更新，就是我们新加的2行，但是github并没有更新，推送远程分支我之后会讲。</p>
<h2>推送到远程仓库</h2>
<p>平常我们都会看到的别人github上面优秀的项目，github是一个远程仓库，你可以把它当作展示用的，或者别人可以克隆你的仓库。所以如果你想看到自己本地仓库在github上面展示出来每次就得push出来，就像是我们上面commit后本地比远程多了一次更新，需要更新远程仓库push本地修改。</p>
<ul>
<li>
<p>首先你得有自己的github账号，这是为了我们的远程推送到github上的</p>
</li>
<li>
<p>在自己的github desktop登陆自己的github账号密码</p>
</li>
</ul>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1924" data-height="1574"><img src="//upload-images.jianshu.io/upload_images/3062143-b2cb84b5ba77c49f.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-b2cb84b5ba77c49f.png" data-original-width="1924" data-original-height="1574" data-original-format="image/png" data-original-filesize="248961" data-image-index="8"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>登陆后就可以推送啦， 点击push origin就可以啦～ 你可以登陆github查看learngit仓库，看看其中的变化</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="2212" data-height="1772"><img src="//upload-images.jianshu.io/upload_images/3062143-cd6e80af77734384.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-cd6e80af77734384.png" data-original-width="2212" data-original-height="1772" data-original-format="image/png" data-original-filesize="345990" data-image-index="9"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>是不是和我们在github desktop里看到的一样呢？ ：></p>
<h2>更新本地仓库</h2>
<p>比如说现在远程仓库已经被更新了，有可能是你的同事提交了他的一部分，但是在你的本地仓库并没有更新，现在怎么办呢？ 很简单，一键fetch</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="2174" data-height="1324"><img src="//upload-images.jianshu.io/upload_images/3062143-bdb521c8fc6cc220.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-bdb521c8fc6cc220.png" data-original-width="2174" data-original-height="1324" data-original-format="image/png" data-original-filesize="230875" data-image-index="10"></div>
</div>
<div class="image-caption">把easy改成了difficult</div>
</div>
<p>这时候点击fetch，可以看到下面的pull origin</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1924" data-height="158"><img src="//upload-images.jianshu.io/upload_images/3062143-e85c5278d189e41d.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-e85c5278d189e41d.png" data-original-width="1924" data-original-height="158" data-original-format="image/png" data-original-filesize="49355" data-image-index="11"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>好啦～点击pull origin就可以把远程的difficult更新到本地了~ 看看里面的history就知道干了些什么了。</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1920" data-height="1580"><img src="//upload-images.jianshu.io/upload_images/3062143-8c7d2890841b0b08.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-8c7d2890841b0b08.png" data-original-width="1920" data-original-height="1580" data-original-format="image/png" data-original-filesize="422037" data-image-index="12"></div>
</div>
<div class="image-caption"> </div>
</div>
<h2>版本回退</h2>
<p>有很多时候我们在当前这一步骤做了一些不可挽回的错误，比如说删除了重要的文件以后再也找不到了，这时候使用版本回退可以回退到任何一个commit过的状态。 现在看看咱们的文件夹都有哪些文件？</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="382" data-height="182"><img src="//upload-images.jianshu.io/upload_images/3062143-61a8d1c4b1231cb6.png?imageMogr2/auto-orient/strip|imageView2/2/w/382/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-61a8d1c4b1231cb6.png" data-original-width="382" data-original-height="182" data-original-format="image/png" data-original-filesize="16514" data-image-index="13"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>比如说我们不小心删除了learn2.txt，这个文件非常重要，怎么样回复到之前存在的状态呢？</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1918" data-height="1576"><img src="//upload-images.jianshu.io/upload_images/3062143-597d70497044616f.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-597d70497044616f.png" data-original-width="1918" data-original-height="1576" data-original-format="image/png" data-original-filesize="164536" data-image-index="14"></div>
</div>
<div class="image-caption">learn2.txt被删除后的changes</div>
</div>
<p>打开history你会发现有很多commit后的历史记录,其中有我们之前的update learn2.txt。所以右键它会显示revet this commit</p>
<br>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1914" data-height="1530"><img src="//upload-images.jianshu.io/upload_images/3062143-48374346331c9480.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-48374346331c9480.png" data-original-width="1914" data-original-height="1530" data-original-format="image/png" data-original-filesize="431809" data-image-index="15"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>好了，现在看看你的文件夹吧 :>是不是回来了呢？</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="404" data-height="188"><img src="//upload-images.jianshu.io/upload_images/3062143-51d9ff1b5899e179.png?imageMogr2/auto-orient/strip|imageView2/2/w/404/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-51d9ff1b5899e179.png" data-original-width="404" data-original-height="188" data-original-format="image/png" data-original-filesize="18868" data-image-index="16"></div>
</div>
<div class="image-caption"> </div>
</div>
<h2>创建分支</h2>
<p>什么是分支呢？就像本篇文章刚开始提到的分支是用来创建新功能但是你又不希望破话现在的成果，害怕会对现在的进度造成影响，所以是一种试验性的功能。 那怎么创建呢？ 这也是很简单的，打开首页的current branch会看到default branch是master，这是所有git仓库的默认主分支，都叫master，origin是你github的分支，关联的是服务器端。</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1924" data-height="1528"><img src="//upload-images.jianshu.io/upload_images/3062143-a700707573814b69.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-a700707573814b69.png" data-original-width="1924" data-original-height="1528" data-original-format="image/png" data-original-filesize="175462" data-image-index="17"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>我们尝试创建一个新的分支，点击new，创建一个名为create_learn3的分支</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1918" data-height="1526"><img src="//upload-images.jianshu.io/upload_images/3062143-8f953c1c6c127b71.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-8f953c1c6c127b71.png" data-original-width="1918" data-original-height="1526" data-original-format="image/png" data-original-filesize="209029" data-image-index="18"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>如果你现在仔细观察的话会发现原来的master分支变成了create_learn3，这说明我们当前处于create_learn3的分支里</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1914" data-height="152"><img src="//upload-images.jianshu.io/upload_images/3062143-d3ec491a8d817175.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-d3ec491a8d817175.png" data-original-width="1914" data-original-height="152" data-original-format="image/png" data-original-filesize="37638" data-image-index="19"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>点击create Branch就可以了,当然了我们会在这个分支里创建一个learn3.txt的文件夹</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="404" data-height="214"><img src="//upload-images.jianshu.io/upload_images/3062143-e1facb6fe6907a33.png?imageMogr2/auto-orient/strip|imageView2/2/w/404/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-e1facb6fe6907a33.png" data-original-width="404" data-original-height="214" data-original-format="image/png" data-original-filesize="22918" data-image-index="20"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>好了你看到我创建了一个learn3的文件，接下来就是提交我们的改变，让git记住当前分支的状态</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1912" data-height="1518"><img src="//upload-images.jianshu.io/upload_images/3062143-60ff8db348cf16b5.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-60ff8db348cf16b5.png" data-original-width="1912" data-original-height="1518" data-original-format="image/png" data-original-filesize="166020" data-image-index="21"></div>
</div>
<div class="image-caption">提交learn3.txt</div>
</div>
<p>现在如果我们切换回master分支</p>
<br>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1910" data-height="146"><img src="//upload-images.jianshu.io/upload_images/3062143-d58e00160996f467.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-d58e00160996f467.png" data-original-width="1910" data-original-height="146" data-original-format="image/png" data-original-filesize="35407" data-image-index="22"></div>
</div>
<div class="image-caption">切换回master分支</div>
</div>
<p>然后查看文件夹，你会发现神奇的事😮</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="402" data-height="212"><img src="//upload-images.jianshu.io/upload_images/3062143-28a2b00f6fb5d04b.png?imageMogr2/auto-orient/strip|imageView2/2/w/402/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-28a2b00f6fb5d04b.png" data-original-width="402" data-original-height="212" data-original-format="image/png" data-original-filesize="19303" data-image-index="23"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>竟然没有我们刚刚创建的create_learn3.txt，这是因为我们在create_learn3分支里提交了改变，<strong>现在比master分支早一个commit</strong>. 你现在知道分支的作用了吧！它不会改变我们主分支，如果你在其他分支创建commit，它只会改变其他分支的状态，而对于master状态不会做出任何改变！</p>
<h2>合并分支</h2>
<p>现在你也许想创建learn3.txt是一个不错的试验，我想把它合并到我原来的master分支，那怎么做呢？ 首先打开branch选项</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="2148" data-height="1586"><img src="//upload-images.jianshu.io/upload_images/3062143-2097089c8f000de6.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-2097089c8f000de6.png" data-original-width="2148" data-original-height="1586" data-original-format="image/png" data-original-filesize="1082477" data-image-index="24"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>点击其中的merge into curren branch(当前处于master分支,永远都是把其他分支merge到当前！) ，然后选择一个分支，就是我们的create_learn3</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1918" data-height="1532"><img src="//upload-images.jianshu.io/upload_images/3062143-f9c6f7052dd535e3.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-f9c6f7052dd535e3.png" data-original-width="1918" data-original-height="1532" data-original-format="image/png" data-original-filesize="235089" data-image-index="25"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>点击merge into master，你会发现多了一个commit，他是从我们create_learn3分支继承过来的</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="1938" data-height="1546"><img src="//upload-images.jianshu.io/upload_images/3062143-bebe26897576393c.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-bebe26897576393c.png" data-original-width="1938" data-original-height="1546" data-original-format="image/png" data-original-filesize="501253" data-image-index="26"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>最后再看看我们的文件夹</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="404" data-height="214"><img src="//upload-images.jianshu.io/upload_images/3062143-af4de96451b3c487.png?imageMogr2/auto-orient/strip|imageView2/2/w/404/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/3062143-af4de96451b3c487.png" data-original-width="404" data-original-height="214" data-original-format="image/png" data-original-filesize="22918" data-image-index="27"></div>
</div>
<div class="image-caption"> </div>
</div>
<p>真的多了learn3.txt呢！</p>
<h2>End</h2>
<p>好了最基本的git操作我已经演示完了，真的没有用到一个命令，不知道你是否学会了这个得心应手可以省时省力的工具呢?🤪</p>
</div>
<p><br>链接：https://www.jianshu.com/p/06a960d991aa<br><br></p><br><br>
来源：https://www.cnblogs.com/T8888/p/14610862.html
頁:
[1]