VsCode使用Git连接Gitee和GitHub

VsCode连接GitHub和Gitee

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&#

评论 20
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值