在Visual Studio Code中使用Gitee进行版本管理(个人总结)

1,488 阅读5分钟

一、安装gitee

  1. 前往gitee官网下载gitee安装包:gitee,如图所示,点击下载即可。

image.png

image.png 当然了,点击官网下载可能出现“无法下载,网络问题”或“无法下载,需要授权”的问题,那是因为下载gitee需要翻墙,所以可能会出现以上问题,如:

image.png image.png

请不要着急,可以试试以下办法:点我利用阿里镜像下载,会出现一系列文件夹,越往下版本越新,带有rc0、rc1、rc2为预发版本,一般选择不带此字样的,此处选择最新的2.45.2版本为例,点击即可。

image.png

然后根据自己的电脑系统选择合适的安装包下载即可。

image.png

下载完之后点击安装包,开始安装。

  1. gitee安装教程

点击下载的安装包,点击next即可。

image.png

选择安装路径

image.png

然后一直next即可

image.png

此处一般不动即可

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

然后点击安装即可。

image.png

等待安装

image.png

安装完成,一般两个都不选,点击完成即可。

image.png

至此,gitee安装完成,可以通过命令窗口(win+r,cmd),输入命令git --versiongit -v,查看是否安装成功,出现版本号即安装成功。

image.png

image.png

在真正使用git之前,建议配置全局的用户名和邮箱地址,以便进行身份验证。 以下是配置全局用户名和邮箱地址的步骤:

首先通过win+r打开命令窗口,输入cmd

image.png

然后输入git config --global user.name "Your Name",配置用户名,此处的Your Name替换为自己的用户名,然后回车,输入git config --global user.email "email@example.com",配置邮箱地址,此处的email@example.com替换为自己的邮箱即可,然后回车,配置完成。

image.png

可以使用以下命令查看配置的用户名和邮箱地址,git config --global user.name查看用户名,git config --global user.email查看邮箱地址。

image.png

至此,gitee安装及基础配置已完成。

二、在vscode中安装和配置gitee

  1. 在vscode 扩展中搜索GitLens

image.png

找到此扩展程序,点击安装即可。

image.png

  1. 安装完成之后,在vscode的设置中搜索git.path

image.png

然后点击在settings.json中编辑

image.png

然后在此处填写上gitee的地址,记得一定是左斜杠/,然后ctrl+s保存即可。

image.png

那么就会有小伙伴疑惑,我怎么知道gitee的地址呢?不要着急,接着往下看。 获取gitee地址的方法: 首先找到我们安装gitee时选择的文件夹,即如图所示选择的文件夹:

image.png

然后打开,找到git-bash.exe,然后点击它。

image.png

之后在命令提示框中输入where git即可找到gitee的地址,如图所示:

image.png

然后选择带有bin字样的路径,复制粘贴到配置路径的地方即可,一定要改斜杠,不然会报错

三、在 gitee中新建仓库

  1. 进入gitee官网
  2. 没有账号的需要自己注册账号,然后登录即可。
  3. 然后点击右上角的加号+,点击新建仓库。

image.png

然后输入相关信息,可以点击初始化仓库,也可以不选,都可以。

image.png

四、配置gitee公钥

仓库已建立完成,接下来配置gitee公钥。 对于windows用户来说,建议使用Windows PowerShell 或者 Git Bash,在 命令提示符 下无 cat 和 ls 命令。 在这里我们以Windows PowerShell为例,在底部搜索框搜索即可,然后双击打开。

image.png

通过命令 ssh-keygen -t ed25519 -C "Gitee SSH Key" 生成 SSH Key,中间按三次回车即可,如果遇到问题就输入y既可以。

image.png

输入ls ~/.ssh/查看生成的 SSH 公钥和私钥:

image.png

输入cat ~/.ssh/id_ed25519.pub读取公钥文件,然后复制它:

image.png

设置gitee账户的公钥 进入gitee账号,点击右上角头像 「设置」->「安全设置」->「SSH 公钥」->「添加公钥」,添加生成的 public key 添加到当前账户中。

image.png

输入gitee账号的密码进行验证,即可添加成功。

image.png

image.png

在这里即可看见刚才添加的公钥

image.png

五、vscode与gitee建立联系

仓库已建立完成后,如图所示,点击复制https的路径,这是vscode和gitee建立联系的重要保障。

image.png

打开vscode,新建一个文件夹或打开一个自己的项目 比如我新创建了一个NEW文件夹,里面有一个index.html文件

image.png

然后点击源代码管理,如图所示:

image.png

如果没有,可以选择以下方法:

image.png

然后点击初始化仓库。

image.png

出现下图:

image.png

然后点击源代码管理右面的三个小点

image.png

点击添加远程存储库 将刚才复制的https的地址粘贴到这个地方,之后点击回车

image.png

image.png

然后输入自己仓库的名字,点击回车即可。

image.png

image.png

可能出现身份验证,输入自己的gitee用户名和密码就可以,可能会遇到用户名不对的情况,自己可以检查一下自己的用户名,一开始我写的是“顾壹”,但是不对,后来我改成“karryguyi”也就是@后面的就对了,按照自己情况填写即可。

此时,vscode和gitee已建立联系,接下来就需要把我们自己的项目传到我们的仓库。

六、提交和推送vscode项目

当我们对项目进行修改时,在源代码管理器中会有显示,如图所示:

image.png

需要先将修改的进行提交,建议填写标题信息。如图,先对修改的信息进行暂存,点击加号+:

image.png

然后填写标题信息,点击提交:

image.png

image.png

此时可能会遇到一个问题,提交很慢,一直在提交怎么办?别着急,继续往下看。 如果遇到一直在提交的情况,那么试试以下办法: 点击vscode的设置

image.png

然后搜索use edit,取消此处修改即可。

image.png

提交之后,此处空荡荡,别着急,马上就要成功了。

image.png

点击源代码管理右面的三个点,之后点击推送

image.png

点击确定

image.png

此时,仓库中就会出现我们自己提交的项目。

image.png

我们的项目就这样上传成功了!!!