VSCode中操作gitee

一、安装Git

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

(2)其次你需要安装Git

(3)配置Git

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

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

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

点击"在setting.json中编辑"

(3)添加git.exe路径

1.获取git.exe的路径11

在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中的上传步骤:

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

相关推荐
程序员小崔日记4 天前
如何将代码轻松上传到 Gitee?Git 使用全攻略!
git·gitee·上传
Diligently_6 天前
idea 中vm option 配置
java·ide·intellij-idea
我命由我123456 天前
在 Android Studio 中,新建 AIDL 文件按钮是灰色
android·ide·android studio·安卓·android jetpack·android-studio·android runtime
Hello World . .6 天前
Linux:线程间通信
linux·开发语言·vscode
AC赳赳老秦6 天前
云原生AI故障排查新趋势:利用DeepSeek实现高效定位部署报错与性能瓶颈
ide·人工智能·python·云原生·prometheus·ai-native·deepseek
被制作时长两年半的个人练习生6 天前
claude code for vscode 配置 qwen3.5
ide·vscode·claude code·qwen3.5
圣心6 天前
Visual Studio Code 中的 AI 智能操作
ide·人工智能·vscode
吹牛不交税6 天前
关于vscode左侧资源管理器目录层级疑似异常的问题
ide·vscode·编辑器
xixi09246 天前
selenium IDE安装使用教程
ide·selenium·测试工具