宁波鼓楼 發表於 2020-10-29 23:45:00

3. VS配置Gitee

<div>
<h3>转载:&nbsp;https://www.jianshu.com/p/8cd8491a611d?tdsourcetag=s_pctim_aiomsg</h3>
<h3>使用工具：&nbsp;</h3>
<p>按顺序为：git软件， 码云（gitee.com），vscode</p>
<h4>1.下载，安装git软件</h4>
<hr>
<p>下载地址：https://git-scm.com/download/win</p>
<p>根据自己的系统选择下载即可，我的是win7 64位，我就选择的是<strong>64-bit Git for Windows Setup. </strong>这个版本。下载完就一直下一步，直到安装完。<br><em>如果安装过程提示无法添加环境变量到path中，则需要将git安装目录下的cmd目录添加到系统的path变量下。</em></p>
<h4><em>2.配置git</em></h4>
<hr>
<p><em>这一步必须用到git语句，但非常少，直接照抄就行。</em></p>
<p>打开git bash，在里面照抄git语句，注意替换掉内容，注意空格。</p>
<p><em>&nbsp;</em></p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="395" data-height="638"><img src="//upload-images.jianshu.io/upload_images/17855471-4ac16d5e6bbd074e.png?imageMogr2/auto-orient/strip|imageView2/2/w/395/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-4ac16d5e6bbd074e.png" data-original-width="395" data-original-height="638" data-original-format="image/png" data-original-filesize="27300" data-image-index="0"></div>


</div>
<div class="image-caption">git bash</div>


</div>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="592" data-height="384"><img src="//upload-images.jianshu.io/upload_images/17855471-15944af8ab2427f0.png?imageMogr2/auto-orient/strip|imageView2/2/w/592/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-15944af8ab2427f0.png" data-original-width="592" data-original-height="384" data-original-format="image/png" data-original-filesize="11875" data-image-index="1"></div>


</div>
<div class="image-caption">照抄git语句即可</div>


</div>
<blockquote>
<p>git config --global user.name "your name" <br>git config --global user.email "your email"<br>git config --global credential.helper store</p>

</blockquote>
<p>其中，"your name"&nbsp;指的是你的gitee里的昵称，"your email"指的是你gitee注册时的邮箱，如下图：</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="836" data-height="392"><img src="//upload-images.jianshu.io/upload_images/17855471-6b7eac0d3653b184.png?imageMogr2/auto-orient/strip|imageView2/2/w/836/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-6b7eac0d3653b184.png" data-original-width="836" data-original-height="392" data-original-format="image/png" data-original-filesize="34602" data-image-index="2"></div>


</div>
<div class="image-caption">your name</div>


</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="887" data-height="391"><img src="//upload-images.jianshu.io/upload_images/17855471-8344a4ba02c3f87c.png?imageMogr2/auto-orient/strip|imageView2/2/w/887/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-8344a4ba02c3f87c.png" data-original-width="887" data-original-height="391" data-original-format="image/png" data-original-filesize="47706" data-image-index="3"></div>


</div>
<div class="image-caption">your email</div>


</div>
<p>前两句很简单，就是配置上昵称和邮箱，那第三句呢？这句也很关键，加上这句就是记住上面2个信息，以后就不用频繁输入了。</p>
<p>到这里，git就全部完成，以后都不用管它了。就这3句，简单吧！</p>
<h4>3.去码云里创建仓库</h4>
<hr>
<p>顾名思义，仓库就是放代码的地方，一个项目对应一个仓库。www.gitee.com，前提是你注册登录过了。</p>
<p>1.进入“个人主页”，在左侧下方，点击“仓库”右侧的+号，开始创建仓库。</p>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="421" data-height="700"><img src="//upload-images.jianshu.io/upload_images/17855471-6ff7726d30061a30.png?imageMogr2/auto-orient/strip|imageView2/2/w/421/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-6ff7726d30061a30.png" data-original-width="421" data-original-height="700" data-original-format="image/png" data-original-filesize="34669" data-image-index="4"></div>


</div>
<div class="image-caption">创建仓库</div>


</div>
<p>2.里面的内容根据自己的习惯来填写即可，为了方便后期管理，最好是有规律的。最后点击下面的 创建 按钮即可。</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="772" data-height="875"><img src="//upload-images.jianshu.io/upload_images/17855471-52b89c878ca6ceea.png?imageMogr2/auto-orient/strip|imageView2/2/w/772/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-52b89c878ca6ceea.png" data-original-width="772" data-original-height="875" data-original-format="image/png" data-original-filesize="90437" data-image-index="5"></div>


</div>
<div class="image-caption">填写仓库信息，创建</div>


</div>
<p>3.创建完会自动到仓库页面，点击仓库右侧的“克隆/下载”，点击 复制 按钮即可。这里复制的是仓库的地址，后面要用到。</p>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="1071" data-height="588"><img src="//upload-images.jianshu.io/upload_images/17855471-45f727e2f6a775b7.png?imageMogr2/auto-orient/strip|imageView2/2/w/1071/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-45f727e2f6a775b7.png" data-original-width="1071" data-original-height="588" data-original-format="image/png" data-original-filesize="125476" data-image-index="6"></div>


</div>
<div class="image-caption">复制 仓库地址</div>


</div>
<h4>4.vscode里操作</h4>
<hr>
<p>1.创建一个空白文件夹，这里我命名 “测试”，用vscode打开</p>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="808" data-height="472"><img src="//upload-images.jianshu.io/upload_images/17855471-485678a068497ba0.png?imageMogr2/auto-orient/strip|imageView2/2/w/808/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-485678a068497ba0.png" data-original-width="808" data-original-height="472" data-original-format="image/png" data-original-filesize="14859" data-image-index="7"></div>


</div>
<div class="image-caption">空白文件夹</div>


</div>
<p>&nbsp;</p>
<p>2.按ctrl+shift+p，然后输入 git，选择 git:克隆；输入我们之前复制的仓库网址，然后按回车键，选择 测试 文件夹作为仓库位置。这里我们可能会遇到要输入账号密码的，输入gitee的账号和密码即可。</p>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="670" data-height="490"><img src="//upload-images.jianshu.io/upload_images/17855471-e7cbd179bedf12a3.png?imageMogr2/auto-orient/strip|imageView2/2/w/670/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-e7cbd179bedf12a3.png" data-original-width="670" data-original-height="490" data-original-format="image/png" data-original-filesize="44402" data-image-index="8"></div>


</div>
<div class="image-caption">，选择git 克隆</div>


</div>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="729" data-height="144"><img src="//upload-images.jianshu.io/upload_images/17855471-dca323767bbb6b49.png?imageMogr2/auto-orient/strip|imageView2/2/w/729/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-dca323767bbb6b49.png" data-original-width="729" data-original-height="144" data-original-format="image/png" data-original-filesize="10793" data-image-index="9"></div>


</div>
<div class="image-caption">输入仓库地址</div>


</div>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="765" data-height="505"><img src="//upload-images.jianshu.io/upload_images/17855471-7efa298fe64e68a4.png?imageMogr2/auto-orient/strip|imageView2/2/w/765/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-7efa298fe64e68a4.png" data-original-width="765" data-original-height="505" data-original-format="image/png" data-original-filesize="27257" data-image-index="10"></div>


</div>
<div class="image-caption">选择测试文件夹作为存储库位置</div>


</div>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="480" data-height="168"><img src="//upload-images.jianshu.io/upload_images/17855471-5bcfe243f01281dc.png?imageMogr2/auto-orient/strip|imageView2/2/w/480/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-5bcfe243f01281dc.png" data-original-width="480" data-original-height="168" data-original-format="image/png" data-original-filesize="8141" data-image-index="11"></div>


</div>
<div class="image-caption">正在克隆</div>


</div>
<p>3.打开存储库，现在就可以看到我们已经把线上的仓库内容拉取到本地了。</p>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="495" data-height="129"><img src="//upload-images.jianshu.io/upload_images/17855471-8b4b9098d4356c40.png?imageMogr2/auto-orient/strip|imageView2/2/w/495/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-8b4b9098d4356c40.png" data-original-width="495" data-original-height="129" data-original-format="image/png" data-original-filesize="10633" data-image-index="12"></div>


</div>
<div class="image-caption">打开存储库</div>


</div>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="524" data-height="439"><img src="//upload-images.jianshu.io/upload_images/17855471-97a6a52af998c92d.png?imageMogr2/auto-orient/strip|imageView2/2/w/524/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-97a6a52af998c92d.png" data-original-width="524" data-original-height="439" data-original-format="image/png" data-original-filesize="28968" data-image-index="13"></div>


</div>
<div class="image-caption">vscode里 已经拉取到本地了</div>


</div>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="639" data-height="167"><img src="//upload-images.jianshu.io/upload_images/17855471-9a499656d4d4b2a6.png?imageMogr2/auto-orient/strip|imageView2/2/w/639/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-9a499656d4d4b2a6.png" data-original-width="639" data-original-height="167" data-original-format="image/png" data-original-filesize="17605" data-image-index="14"></div>


</div>
<div class="image-caption">本地文件夹，注意这个git文件夹是隐藏的，不可删除</div>


</div>
<h2>&nbsp;</h2>
<h2>测试：修改本地文件，然后提交到码云</h2>
<hr>
<p>1.本地创建完文件后，vs里我们就可以看到这些变化，新增的文件时绿色的，后面有个U字母，左侧图标上会有数字显示</p>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="647" data-height="392"><img src="//upload-images.jianshu.io/upload_images/17855471-4db25708967545c5.png?imageMogr2/auto-orient/strip|imageView2/2/w/647/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-4db25708967545c5.png" data-original-width="647" data-original-height="392" data-original-format="image/png" data-original-filesize="33884" data-image-index="15"></div>


</div>
<div class="image-caption">注意这些变化</div>


</div>
<p>2.点击左侧图标，然后点击更改旁边的+号，暂存所有的更改</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="484" data-height="307"><img src="//upload-images.jianshu.io/upload_images/17855471-433c1bce342d2be7.png?imageMogr2/auto-orient/strip|imageView2/2/w/484/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-433c1bce342d2be7.png" data-original-width="484" data-original-height="307" data-original-format="image/png" data-original-filesize="26007" data-image-index="16"></div>


</div>
<div class="image-caption">暂存所有的更改</div>


</div>
<p>3.在上面输入文字，这里的文字要好好写，后面你会发现是很有必要的，写好后点击 ctrl+enter，就提交了</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="594" data-height="516"><img src="//upload-images.jianshu.io/upload_images/17855471-6e8fd3218c7c756c.png?imageMogr2/auto-orient/strip|imageView2/2/w/594/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-6e8fd3218c7c756c.png" data-original-width="594" data-original-height="516" data-original-format="image/png" data-original-filesize="34944" data-image-index="17"></div>


</div>
<div class="image-caption">提交</div>


</div>
<p>4.点击推送，把这些更改push到码云仓库里</p>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="614" data-height="482"><img src="//upload-images.jianshu.io/upload_images/17855471-40f3d6fbbd951400.png?imageMogr2/auto-orient/strip|imageView2/2/w/614/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-40f3d6fbbd951400.png" data-original-width="614" data-original-height="482" data-original-format="image/png" data-original-filesize="42662" data-image-index="18"></div>


</div>
<div class="image-caption">push推送</div>


</div>
<p>5.我们进码云里看下，动态和仓库里都可以看到我们最新的记录和文件了</p>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="635" data-height="64"><img src="//upload-images.jianshu.io/upload_images/17855471-247918dbc6c2695c.png?imageMogr2/auto-orient/strip|imageView2/2/w/635/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-247918dbc6c2695c.png" data-original-width="635" data-original-height="64" data-original-format="image/png" data-original-filesize="15251" data-image-index="19"></div>


</div>
<div class="image-caption">动态信息，这里就有我们刚才输入的文字</div>


</div>
<p>&nbsp;</p>
<div class="image-package">
<div class="image-container">
<div class="image-container-fill">&nbsp;</div>
<div class="image-view" data-width="1090" data-height="501"><img src="//upload-images.jianshu.io/upload_images/17855471-0a4e97d8792bbcc5.png?imageMogr2/auto-orient/strip|imageView2/2/w/1090/format/webp" data-original-src="//upload-images.jianshu.io/upload_images/17855471-0a4e97d8792bbcc5.png" data-original-width="1090" data-original-height="501" data-original-format="image/png" data-original-filesize="79419" data-image-index="20"></div>


</div>
<div class="image-caption">仓库里也显示了，有具体的时间，还有刚才的文字备注</div>


</div>
<p>&nbsp;</p>
<p>到此就完全学会了，很简单吧！~~</p>

</div>
<p>
<br><br>作者：写代码的猫叔<br>链接：https://www.jianshu.com/p/8cd8491a611d<br>来源：简书<br>著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。</p><br><br>
来源：https://www.cnblogs.com/kkwoo/p/13899944.html
頁: [1]
查看完整版本: 3. VS配置Gitee