Git+VsCode安装教程+Gitee进行代码管理
目次前言
一、资料下载
二、Git的安装
四、VsCode及插件安装
三、Gitee注册与利用
总结
前言
本文是为利用笔者开辟的m3-64开辟板提供相比百度网盘等获取工程更加便捷的方法，同时也希望为初入嵌入式开辟的同砚提供一套可供参考的代码管理方案。
一、资料下载
官方资料旨在说明怎样获取资料，笔者资料里已包罗本篇的全部资料
[*]Git官方下载：https://git-scm.com/download/win
[*]VsCode官方下载：https://code.visualstudio.com/download
[*]笔者资料下载：链接：https://pan.baidu.com/s/1P9uucuboRuXbCZdj53AYjg?pwd=17tw
提取码：17tw
注：这里git官网下载必要翻墙否则网速较慢，vscode大家也可以在微软商店里进行下载；笔者这边提供的安装包是截至日期2024/6/30的最新版，百度网盘下载速度较快的同砚也可利用笔者提供的网盘下载链接下载
二、Git的安装
1、打开下载的Git安装包安装。https://i-blog.csdnimg.cn/blog_migrate/283bbdffedda4f31e476f661b450fa0c.png
2、next。
https://i-blog.csdnimg.cn/blog_migrate/3ee1b1d236c5a79812ad5f11c309c0a3.png
3、选择安装地址，如下，不进行设置的话，就是默认地址。
https://i-blog.csdnimg.cn/blog_migrate/c85fdb1061c625c99a4ee809b03957b5.png
这边笔者设置如下在D盘里创建的Work文件下，再新建一个Git文件夹来放置该安装文件，如下图所示
注：这里安装路径尽量利用全英文，因为国外的这些软件对中文兼容性不太行，利用中文路径可能会出现一些奇怪的bug
https://i-blog.csdnimg.cn/blog_migrate/80d89a48f713ed8cad04df022e0e1e84.pnghttps://i-blog.csdnimg.cn/blog_migrate/9283346ee9830e558351a63b89408af5.png
到此可以看到选中的地址有两个Git，这是因为Git软件会自己天生一个Git文件夹来放置自己的安装文件，这里我们可以不用管。但这个创建个文件夹来放置安装文件的这个习惯，大家还是可以保留下。因为笔者常常碰到某些软件不但独给它创个文件夹的话，会导致整个软件安装文件夹里全是它的运行文件等。
下一步：Next
https://i-blog.csdnimg.cn/blog_migrate/859c2f73be05b7230e1c32a5aa9203bd.png
选择组件，这里给出了选项解释，大家可以根据必要选择。初学的话可以参考笔者的选择。选择好后继续下一步，Next。
https://i-blog.csdnimg.cn/blog_migrate/2db061216f439c6fbe3e33b39d70ab6b.png
选择是否创建开始栏菜单文件夹，这里我们选择默认即可。如下图，直接下一步，Next。
注：在此之后的选项笔者这里全是默认选项，大家对比一下笔者截图进行选择就好，感兴趣的可以看看介绍
https://i-blog.csdnimg.cn/blog_migrate/0d6027bae3773091e2ff93737769ff68.png
选择Git默认编辑器，这里我们也是直接下一步，Next
https://i-blog.csdnimg.cn/blog_migrate/eef37fe40d8847901acd17e968383bab.png
下一步是选择初始化仓库的主分支名字，笔者依然一样直接默认就行，Next
https://i-blog.csdnimg.cn/blog_migrate/dcd7e9a5c5c526fca01fbc797aaeae95.png
到这一步是设置path情况变量，选择默认下一步。
注：解释下选项：
Use Git from Git Bash only：是安装Git后只能通过Git Bash来利用Git（不发起选择）
Git from the command line and also from 3rd-party software：安装后在第一项的基础上增长第三方选择（此教程务必选择此项）
Use Git and optional Unix tools from the Command Prompt：这项将覆盖window工具如查找和排序（不会的别选，较贫苦）
https://i-blog.csdnimg.cn/blog_migrate/fbb51261c27789b0492b7eedbd293486.png
选择SSH执行文件，这里我们为了教程适应新手还是选择好上手的选择第一项即默认选项，Next
https://i-blog.csdnimg.cn/blog_migrate/ae57b1ae1b1eb43844c635e532bb9009.png
选择HTTPS后端传输，默认选择。如下图，Next
https://i-blog.csdnimg.cn/blog_migrate/d3e0c6385c76542ae00678e3fe9c8bc2.png
设置行结束选项，这边可以自行用翻译软件翻译下选项，接下来的步调就不再逐一详细讲解，新手按照截图的选项直接下一步，Next即可。
https://i-blog.csdnimg.cn/blog_migrate/01001de71f6486aef96138b50cc567ee.png
设置与Git Bash一起利用的终端仿真器，默认，Next。
https://i-blog.csdnimg.cn/blog_migrate/64efbcc8e6703a4835ab6214e010e5d7.png
选择git pull的默认行为，默认，Next。
https://i-blog.csdnimg.cn/blog_migrate/50b3044c9f4ea6a3d803e3cf7482d639.png
选择一个凭据帮助器，默认，Next。
https://i-blog.csdnimg.cn/blog_migrate/b4e038fa4a315c6884034ceee5139995.png
设置额外选项，默认，Next。
https://i-blog.csdnimg.cn/blog_migrate/7293c01b9ae801b7cff993dc0fc21f65.png
设置实验选项，默认，下一步安装，Install。
https://i-blog.csdnimg.cn/blog_migrate/94cafc6e6e62c56fea8191d07fc38d1d.png
等待安装
https://i-blog.csdnimg.cn/blog_migrate/c0718017964976668193b44fef963400.png
安装完成
https://i-blog.csdnimg.cn/blog_migrate/8a1f12651c382bcbe340d85c01bd938d.png
四、VsCode及其插件安装
1、安装VsCode，双击下载好的VsCode。
https://i-blog.csdnimg.cn/blog_migrate/22d8a5303f708adedad673caff8df65c.png
https://i-blog.csdnimg.cn/blog_migrate/781dea733a1d2ab8db40f7e4014256f2.png
选择安装地址，这里笔者还是按照习惯在先前创建的Work文件夹下创建一个VsCode文件夹来存放安装文件，如下图所示：
https://i-blog.csdnimg.cn/blog_migrate/eb6a1b31f7943110eaf6534f2767b928.pnghttps://i-blog.csdnimg.cn/blog_migrate/54ee6dfe650cc05633937c2d1082e89d.png
到此可以看到选中的地址有多出来的一个Microsoft VS Code文件，这和Git软件一样会自己天生一个文件夹来放置自己的安装文件，这里我们不用修改，Next。
https://i-blog.csdnimg.cn/blog_migrate/ec2c877423c5a51b3480e5dba56282bf.png
这一步是选择是否创建菜单栏文件夹这里我们默认即可，下一步
https://i-blog.csdnimg.cn/blog_migrate/de563f674279ebfa24df2bbbea897cac.png
按笔者截图设置即可，Next。
https://i-blog.csdnimg.cn/blog_migrate/ffc5bedb4ede0c776019825e96156996.png
安装
https://i-blog.csdnimg.cn/blog_migrate/a8b42aa1ebdd60555408f8459b77def2.png
完成
https://i-blog.csdnimg.cn/blog_migrate/9319deeb9380795435fd05a48ae5b1da.png
2、微软商店安装VsCode，搜索到软件后直接点击安装即可。（安装一次即可，即执行了上一步就不用再执行这步调了）
注：这里接纳这种办法安装，会导致无法右键用vscode打开，必要更改注册表来进行添加，这里更推荐接纳上一步笔者提供的安装包安装，这样可以避免想用右键利用code来打开项目而必须去操作一次注册表的贫苦
https://i-blog.csdnimg.cn/blog_migrate/6da800bd666c446c6b930411d1b5bfdf.png
3、安装插件，在上述两种方法任选其一安装完成后即可进行VsCode设置。
起首打开后的VsCode页面全为英文，此时必要安装中文插件，操作步调如下：https://i-blog.csdnimg.cn/blog_migrate/913c9b8960b42bea37901de4acd95b47.png
安装git graph可视化插件
https://i-blog.csdnimg.cn/blog_migrate/b16eab6ebacf000a05c5a4e567247d07.png
三、Gitee注册与Vscode+Git联合利用
[*]进入Gitee官网：https://gitee.com/
注册账号
https://i-blog.csdnimg.cn/blog_migrate/edec8d78d8e5c1e179db2ed87135aacc.png
左上角添加邮箱：
https://i-blog.csdnimg.cn/blog_migrate/2d4bb081fb882430c77b435c9400c4ba.png
https://i-blog.csdnimg.cn/blog_migrate/ffc3fe3ba63a779880ebf01abb0fe62f.png
[*]添加完成后回到桌面，右键打开Git bash
https://i-blog.csdnimg.cn/blog_migrate/3523b664c5d2aa82bfc935641a0185d8.png
随后就是设置用户名，操作如下（这边复制我的指令到git bash窗口时不要用Ctrl + v，必要鼠标移到窗口然后右键，选paste选项。邮箱我打了马赛克所以是糊的）
git config --global user.name "你的名字或昵称"
git config --global user.email "你的邮箱"
https://i-blog.csdnimg.cn/blog_migrate/0e664685edb822ecff05d2cf1b757f2b.png
紧接着设置ssh公钥，操作如下：
ssh-keygen -t rsa -C "你的邮箱"
输入后一路按回车即键盘上的”Eenter“就行。
https://i-blog.csdnimg.cn/blog_migrate/76d45d70fddf4d576f3a195c36c01e3c.png
查看天生的ssh key
cat ~/.ssh/id_rsa.pub
https://i-blog.csdnimg.cn/blog_migrate/a9bf67de2024b793a58e1a54dc310b4a.png
复制红框中的ssh key（鼠标框选后右键，然后点 Copy即可）。
3、重新回到gitee，添加ssh公钥。
https://i-blog.csdnimg.cn/blog_migrate/75e55fa3c80a7b09c372b224e9e82638.png
4、完成上述操作后，接下来就可以链接下载笔者的仓库代码一试。
仓库链接：https://gitee.com/your_k/m3-64-gd32f103.git
打开Vscode在首页这里点击克隆到Git仓库，如果没有以下界面，大家新建点击文件选项然后新建一个窗口也行，大概通过快捷键 Ctrl + Shift + N即可新建一个窗口。
https://i-blog.csdnimg.cn/blog_migrate/466f4f7b1fa9178764f874c52a52c8da.png
https://i-blog.csdnimg.cn/blog_migrate/5128bcf02ddf4385cdcdda7528ea482f.png
选择要存放的地址，笔者这边直接在桌面创建了一个“gitee仓库”的文件夹，大家可以自行根据喜欢存放也可同笔者一样
https://i-blog.csdnimg.cn/blog_migrate/b27aaa875bf83304079672b4f01e3d5d.png
等待拉去完成后点击打开即可
https://i-blog.csdnimg.cn/blog_migrate/eb425588458b1b311e26f414920e8bca.png
拉取代码仓库后的文件夹
https://i-blog.csdnimg.cn/blog_migrate/b20db37205d129429d6ac7be569c3355.png
5、git graph插件初步应用
https://i-blog.csdnimg.cn/blog_migrate/9beda8ae91c884f91993040df6e99575.png
再点击git日志。
https://i-blog.csdnimg.cn/blog_migrate/e79a67ba8106521fe7d36dac369c3da4.png
在这里就能看到笔者推送的代码记录
https://i-blog.csdnimg.cn/blog_migrate/480a7218ab1067867cd4bdef2925ff42.png
至此Git+VsCode安装教程+Gitee进行代码管理先告一段落。
总结
笔者之所以写到查看笔者仓库的代码推送记录就截然而止，是思量到本教程篇幅已过长。难免会让阅读之人面露难色，后续的步调如创建自己的gitee仓库，以及在vscode中通过git graph插件进行可视化推送代码，创建分支，归并分支将在后续的教程中逐一讲解。至此如若对各位读者有任何帮助还请多多点赞支持，最后文章若有任何题目还请各位不吝见教。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]