https://amatsuzero.github.io/LastStand/tags/%E7%89%88%E6%9C%AC%E6%8E%A7%E5%88%B6/Recent content in 版本控制 on Last StandHugozh-cnThu, 23 Oct 2025 00:00:00 +0800https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/Thu, 07 Aug 2025 00:00:00 +0800https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/<h2 id="什么是版本控制">什么是版本控制</h2> <p>版本控制是一种系统性的方法，用于管理和跟踪软件开发项目中的代码、文件和资源。它的核心目标是在不同时间点的开发中保持代码的一致性、可追溯性和可维护性。</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-01.webp"></p> <h2 id="为什么要做版本控制">为什么要做版本控制</h2> <p>这个问题可以从定义中的关键词可以看出端倪：不同时间点下的代码一致性、可追溯性、可维护性。这里额外补充一点：当今的互联网开发早已步入敏捷迭代，各种动态化方案层出不穷都有着顺应时代潮流的意思，因此软件开发一定会越来越多地涉及到团队开发，团队之间的协作也一定需要这样一个机制去保障稳定性。</p> <h2 id="代码一致性">代码一致性</h2> <p>版本控制系统允许开发人员有效地管理和组织项目中的代码。它跟踪每个文件的历史记录，记录了每个版本的变更，包括谁做了什么修改、何时以及为什么。</p> <h2 id="可追溯性">可追溯性</h2> <p>版本控制系统允许为重要的里程碑或发布创建标签（<code>tag</code>），以便轻松识别和回滚到特定版本。</p> <p>并且当某个版本的代码出现问题，版本控制系统允许开发人员轻松地回滚到之前的稳定版本，并在不破坏其余代码的情况下进行修复。</p> <h2 id="可维护性">可维护性</h2> <p>开发人员可以创建分支（<code>branch</code>），这是一个独立的代码副本，用于开发新功能、修复错误或进行实验性工作。然后，这些分支可以与主代码库合并，以实现功能集成。</p> <h2 id="团队协作">团队协作</h2> <p>在多人协作的环境中，不同开发者可能同时修改代码。版本控制系统确保不同的修改不会互相冲突，以及如何解决冲突。</p> <p>版本控制系统促进了团队之间的协作，可以通过代码审查工具进行代码审查，以确保代码质量和一致性。</p> <h2 id="版本控制工具git">版本控制工具<code>Git</code></h2> <h2 id="git的安装"><code>Git</code>的安装</h2> <h3 id="windows"><code>WIndows</code></h3> <p>访问 <a href="https://link.juejin.cn/?target=https%3A%2F%2Fgit-scm.com%2Fdownload%2F">Git官网</a>，选择对应的操作系统下载即可。</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-02.webp"></p> <p>这里下载独立安装包即可</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-03.webp"></p> <p>点<code>install</code>就行，会自动安装一个<code>git GUI</code>工具，但通常不会直接用它</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-04.webp"></p> <p>下载完成安装即可，输入以下命令验证安装是否成功</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-fallback" data-lang="fallback"><span style="display:flex;"><span>git version </span></span></code></pre></div><p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-05.webp"></p> <h3 id="图形化工具">图形化工具</h3> <h4 id="安装">安装</h4> <p>这里推荐<a href="https://link.juejin.cn/?target=https%3A%2F%2Ftortoisegit.org%2F">TortoiseGit</a>这个工具，非常方便。但我觉得Git本身学习成本并不高，<code>GUI</code>工具更多是为了提升效率，基本的<code>Git</code>知识点还是需要掌握的。</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-06.webp"></p> <p>下载本体</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-07.webp"></p> <p>然后是语言包</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-08.webp"></p> <p>安装时一路<code>next</code>即可，安装完本体后再安装语言包。</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-09.webp"></p> <p>配置好<code>Github</code>的账户、邮箱、秘钥等，注意配置好了密钥也不会在下述部分显示，可以打开编辑全局进行查看</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-10.webp"></p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-11.webp"></p> <h4 id="使用">使用</h4> <p>在使用之前先提前补充一个点（后续会详细介绍），<code>Git</code>有本地仓库和远端仓库的概念，通常支持<code>HTTPS</code>和<code>SSH</code>两种协议进行关联，两种方式优缺点也十分明显：</p> <ul> <li><code>HTTPS</code>：无需额外配置，但是在每次连接远端仓库时需要输入账号密码进行校验。</li> <li><code>SSH</code>：生成一组密钥对，需要本地进行配置，好处是配置好后每次连接远端仓库时会自动比较密钥对，无需额外校验。关于<code>SSH</code>详细可以参考这篇文章<a href="https://juejin.cn/post/7111881008630202398">ssh-远程登录协议</a></li> </ul> <p>为了一劳永逸，我们这里配置下<code>SSH</code>，首先打开<code>Git bash</code> <img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-12.webp"></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-fallback" data-lang="fallback"><span style="display:flex;"><span># 输入下列命令，最后一个参数是您的邮箱 </span></span><span style="display:flex;"><span>$ ssh-keygen -t rsa -C yourEmail.com </span></span></code></pre></div><p>可以看到密钥对已经生成了</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-13.webp"></p> <p>进入上述目录，注意<code>.ssh</code>文件夹默认是隐藏的，直接访问路径就行</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-14.webp"></p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-15.webp"></p> <p>以<code>Github</code>为例，配置公钥</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-16.webp"></p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-17.webp"></p> <p>创建一个<code>Demo</code>项目，平时学习的话就创建公有项目就行</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-18.webp"></p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-19.webp"></p> <p>复制一下我们的项目链接</p> <p><img loading="lazy" src="https://amatsuzero.github.io/LastStand/posts/frontend/engineering/engineering-007/image-20.webp"></p> <p>选取一个你喜欢的目录作为本地工作区，然后按鼠标右键</p>