Bootstrap

在Visual Studio Code中使用Gitee进行版本管理(超详细)

一、安装Git

(1)首先你需要前往Git官网下载Git安装包:Git

(2)其次你需要安装Git(下面这两个是Git安装教程)Git 详细安装教程(详解 Git 安装过程的每一个步骤)_git安装-CSDN博客

Git安装详解(写吐了,看完不后悔)-CSDN博客

(3)配置Git

二、在VS Code中安装和配置扩展

(1)在VS Code的扩展选项中,搜索该插件并进行安装

(2)安装完成之后,在VS Code的设置中搜索“git.path”

点击“在setting.json中编辑”

(3)添加git.exe路径

1.获取git.exe的路径

在Git Bash控制台中,输入"where git",回车,就会看到路径了

2.将路径复制,粘贴到settings.json的“git.path”的冒号后面

注意修改一下斜杠(右斜杠),不然会报错

3.按下快捷键Ctrl+S保存文件

三、新建Gitee仓库

1.进入Gitee官网:Gitee - 基于 Git 的代码托管和研发协作平台

2.注册一个Gitee账号并登录

3.在Gitee中新建一个仓库

里面的信息正常填写就行,下方可以勾选“初始化仓库”。

四、配置Gitee公钥(很重要)

Gitee公钥的配置,请跟着Gitee官网的详细教程进行配置:SSH 公钥设置 | Gitee 产品文档

五、让VS Code与Gitee仓库建立连接

1.在你的Gitee账号中点击进入你刚刚创建的仓库

2.你可以看到这个橙色的按钮,点击它

3.在弹出的对话框中,复制这个URL链接

这个链接就是让你的VS Code与Gitee仓库实现双向通信的“钥匙”!

4.在VS Code初始化仓库

(1)新建一个空文件夹,或者选择一个你的项目文件夹,打开它。

比如这里我新建了一个临时文件夹,在里面新建了一个index.html文件(随便创建的)

(2)点击VS Code左侧的源代码管理选项

注意:如果没有这个选项,那就在VS Code顶部的横向菜单中点击“查看”,就可以看到“源代码管理”

(3)初始化仓库

点击初始化仓库,这时候,你可以在电脑的资源管理器中看到一个隐藏的.git文件夹,意味着你的这个文件夹内的项目将会被VS Code进行版本管理。

备注:如果想取消版本管理,那就删除掉.git文件夹即可

(4)添加远程存储库

在源代码管理中,按照如下的位置点击,点击添加远程存储库

将之前在Gitee复制的URL链接,粘贴到这里,然后按下回车按键

注意:有时候添加完之后,会有Git弹出来让你登录Gitee账户,你按照你的Gitee账户信息进行填写即可。

(5)克隆仓库

克隆仓库实际上就是尝试VS Code与Gitee建立通信

接着会提示你选择一个文件夹来存放从远程仓库克隆过来的文件,按照你自己的需要克隆即可。

(6)提交

当你在项目中发生了代码更改、文件更改等,你都可以看到这个列表中所展示的发生更改的文件列表:

在此处输入一些更改信息(这是为了方便开发人员知道此次所提交的数据中,你做了哪些更改)

强烈建议填写更改信息!!!

点击提交(Commit)

特别注意的是,当你点击提交之后,在Gitee的仓库中并不会更新内容,因为这个“提交”只是在你的电脑中预存了这些更改而已

进行推送(Push)

推送才是真正的将项目上传到云端仓库中

点击推送之后,刷新一下你的Gitee仓库,你就会看到上传成功了!

再次强调一下VS Code中的上传步骤:

项目文件或者代码发生更改-->填写更改信息-->点击提交-->点击推送

;