本篇文章介绍使用VScode 把新的项目推送到远程仓库的操作。
前提:
1,一个新的项目 (我这里用的是vue的项目)
2,一个新的远程仓库 (我这里用的是Gitee)

1,创建远程仓库

登录Gitee,创建一个属于自己的远程仓库;如下:
在这里插入图片描述
创建好的仓库会自动生成一个master分支。

2,使用VScode开发工具连接远程仓库

2.1 初始化远程仓库
点击初始化仓库,如下:
在这里插入图片描述
2.2 先提交代码到缓存区

初始化完成之后,你的代码会提示有多少个改动,我们提交一下,提交到缓存区

在这里插入图片描述

点击提交后会出现提示,我们选择【是】;

2.3 连接远程仓库

1,先复制远程仓库里面的https地址;

在这里插入图片描述

2,如下图所示 点击添加远程储存库,把刚才的链接粘贴上去,点击enter键:

在这里插入图片描述

3,然后还会让你添写远程仓库的名称,这里我们统一用 origin,点击ernter键。

在这里插入图片描述

2.4 身份验证

1,在远程连接的时候第一次会让你做以下身份验证,如图:
根据提示填写 gitee上的个人信息;登录gitee的用户名和密码。

请添加图片描述

2,可能还会让你填写用户名和邮箱

请添加图片描述

3,我们复制远程仓库上的提示信息 在vscode的控制台运行即可,如下选择圈起来的:

在这里插入图片描述

2.5 远程仓库连接成功

如下图所示,点击VScode左下角的master分支,在上方出现 origin/master
的远程分支,点击它切换分支;说明连接远程仓库成功。

在这里插入图片描述

3,开始推送代码到远程

使用vscdoe推送代码的时候,我这边用的是一个插件:【git-commit-plugin】 此插件详细使用方式介绍:https://blog.csdn.net/u010246360/article/details/114361598
用这个git提交插件我们进行推送代码;下图是成功安装了这个插件的图标;点击它进行以下的操作。

在这里插入图片描述

点击之后我们选择:init(项目初始化)–> 概述(填写描述)–> Commplete(提交描述信息)

3.1,上述操作完成之后点击 【√】进行提交 。

在这里插入图片描述

3.2,同步更改
如下所示:点击同步更改或者点击左下角的 【向上箭头】 也是一样的;
在这里插入图片描述

3.3,开始推送

上一步点击同步更改之后会出现下面这个弹窗,我们点击【确定】,然后vscdoe会向远程仓库推送此分支的所有代码,至此,整个流程走完了。

在这里插入图片描述

3.4,推送完成
我们再次回到gitee上面,发现我们创建的空仓库显示的已经是我们推送的代码了,如下:

在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐