VsCode使用Git连接Gitee和GitHub

VsCode连接GitHub和Gitee

本文是最近研究通过vscode软件连接gitee和GitHub的总结文档，同时尽可能表述清楚，能让新入门的同学可以更好地理解。

本文提供的方法对于gitee和GitHub都有两种办法，取其中一种即可使用，没必要全部跟着流程做一遍。如果只是想用vscode配置的话，这四种办法取其一就已经能完全工作，但是如果有不理解的地方，还是希望四种办法都相互借鉴一下，我尽量让四种办法不相互参考，使读者只阅读其中部分就已经能工作，但是我是按顺序写的，有些前面写过的细节，后面或许难免会有一点忘记再次添加阐述，如有不足之处，希望您在评论区提出，此外还希望借助于其他教程相互参考。

本文将会尽可能描述好每个操作和原理。前几章描述的vscode的操作已经完全够用于日常工作流的开展，关于Git的操作章节会让你对于一系列操作背后的逻辑有更深入的理解，如果没有兴趣的同学可以忽略。本文对于各种操作会有一定的说明，但是正如那句话所说“幸福的家庭都是一样的，不幸的家庭各有各的不幸”，如果出现什么意外情况，还是希望大家能借助某度、某歌等搜索引擎解决。

本文的教程环境是Windows10环境

先说一下整体的工作流做个总览：

1. 创建远程仓库（Gitee或者GitHub上创建新项目）
2. 初始化设置Git，即设置全局的用户名和邮箱（如果使用ssh协议还要生成ssh key，在GitHub或者Gitee账户里面添加ssh key，还要在git bash 进行第一次连接测试[必做]！）
3. 从远程仓库克隆代码（http协议输入仓库的https地址，ssh协议输入仓库ssh地址）
4. 在本地修改代码
5. 本地Git版本管理
6. 本地仓库上传远程仓库
7. 在远程仓库Gitee或者GitHub上查看更改

可以看出这几种办法，基本流程差不多，区别在于两点：

• Git初始化设置 ，ssh多了一步ssh key
• 远程仓库地址不同

2022年3.13日新增建议：由于文章涉及太多方法相互重叠，日后会思考把本文分为四篇分别上传。这里我建议初学者使用ssh协议并且使用gitee作为远程仓库，那么你需要阅读的章节是：

一、软件安装
1、安装git
2、vscode
二、在Github或者Gitee上创建空的仓库/项目
> 1、在Github创建空的仓库/项目
2、在Gitee创建新项目
3、使用Git安装自带的Git Bash设置全局的用户名和邮箱地址
> 三、通过https协议连接Gitee或者GitHub
1、在github中使用 （1）从GitHub仓库克隆代码 （2）在本地修改代码
（3）Git版本管理 （4）本地仓库上传到GitHub远程仓库 （5）在GitHub远程仓库查看更改 （6）其他
2、在Gitee中使用
（1）从Gitee仓库克隆代码 （2）在本地修改代码 （3）Git版本管理 （4）本地仓库上传到Gitee远程仓库> （5）在Gitee中查看更改 （6）其他 3、HTTPS连接小结
四、通过ssh协议连接Gitee或者GitHub
1、设置本地公钥和私钥也即ssh key
2、在Gitee中使用
（1）在账号里面绑定id_rsa.pub公钥并且连接
（2）从远程克隆代码
（3）修改本地仓库代码
（4）Git版本管理
（5）本地仓库上传到远程仓库
（6）在Gitee中查看更改
（7）其他
> 3、在GItHub中使用 （1）在账号里面绑定id_rsa.pub公钥并且连接 （2）从远程克隆代码 （3）修改本地仓库代码
（4）Git版本管理 （5）本地仓库上传到远程仓库 （6）在GitHub中查看更改 （7）其他 4、使用SSH连接小结
五、关于Git的操作
参考文献

一、软件安装

1、安装git

在Git官网https://git-scm.com/安装即可，一路默认设置即可，这个软件没什么需要特别设置的，有洁癖的同学也可以选择安装在自己想装的文件夹，但是一定要注意，在Win系统装文件，要注意路径尽可能不要有中文名，避免出现乱七八糟的问题，路径也别层层套娃套的太多。

小结

默认安装即可
不要太多层级或者有中文路径

2、vscode

同样的，在vscode官网安装即可，轻量化软件同样可以自由选择安装路径，安装过程的设置可以自行设置，这里推荐把它加入右键以及勾选PATH可以省去很多麻烦。最近的经验表明，如果是win7用户，下载System Installer版本更好奥。

Tips：
建议安装vscode中文插件，如有困难，可以搜索官网教程或者其他教程
小结：
1、vscode选择安装路径可自行更改
2、安装过程建议添加右键和PATH
3、Win7用户建议选择system版本

二、在Github或者Gitee上创建空的仓库/项目

1、在Github创建空的仓库/项目

首先，登录好你的GitHub账号，进入之后，在右上角点击+号，选择New repository，

随后，你需要在新的页面，填写项目名称，比如叫：My-GitHub-Project，剩下的信息默认即可，点击最下面的Create repository 即可创建一个新的项目。

随后跳出的页面，是告诉你一些基本的信息和一些基本的Git操作，比如HTTPS和SSH地址就可以在这里查看到，

为了接下来的演示，推荐点击蓝色字体，生成一个readme.md文档。（用于演示拉取和推送）

在弹出的新页面随便填写信息，然后最下面点击创建即可。

下图可以看到我们已经生成了这个文件。（为了省事，可以在创建项目时勾选这个readme选项，这里是给那些没有勾选的朋友演示，如果没有勾选如何创建）

此时我们如果再想找到ssh和https地址需要点击绿色的code小三角，在下面点选，查看复制相关地址。

2、在Gitee创建新项目

和在GitHub类似，也是先在右上角点击加号选择创建新仓库，设置仓库名称，语言可以不选择，为了方便演示，我们勾选Readme文件，最后点击创建即可。

同样的位置，我们可以查看ssh和https的地址。

3、使用Git安装自带的Git Bash设置全局的用户名和邮箱地址

这里我们终于用到了早就安装好的Git，在开始菜单找到Git并打开Git Bash，

接下来，我们需要做的是给你这个电脑取一个名字和邮件地址：

$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"

Git是分布式版本控制系统，每个机器都必须有一个名字和Email地址，这样大家才会知道是谁上传的，谁修改的。

• 注意git config命令的--global参数，用了这个参数，表示你这台机器上所有的Git仓库都会使用这个配置。
• 当然也可以对某个仓库指定不同的用户名和Email地址,此时使用不带--global参数的命令，其实只要去掉 --global即可，也可以自行搜索。
• 由于这里是全环境设置，因此不必在某个文件夹打开git bash

在这里说明一下，设置本地邮箱和用户名，因为不用验证，所以可以乱写，写什么都可以，但是不推荐这么做，推荐同github或者Gitee的一样。我的演示如下图所示，

这样我们的Git设置便成功了。

注意此步骤无论是使用ssh协议还是https协议都是需要做的。

三、通过https协议连接Gitee或者GitHub

通过vscode连接Gitee或者GitHub的一般步骤如下：

• 在Github或者Gitee上创建一个空的仓库
• 使用Git安装自带的Git Bash设置全局的用户名和邮箱地址
• 通过vscode克隆Gitee或者GitHub远程代码
• 本地修改代码，也即模拟日常写代码过程
• 本地Git管理，提交本地仓库。[git版本管理：本地仓库]
• 上传到远程仓库
• 到远程仓库进行确认

前两个步骤在前面已经准备过了，我们直接从第三个步骤开始，我们分别说明如何在Gitee和GitHub里面使用。

1、在github中使用

（1）从GitHub仓库克隆代码

在开始菜单打开vscode，

直接按快捷键ctrl+shift+P，然后输入git&#