在VSCode中使用Git

在VSCode中使用Git

1. 提交代码到暂存区

代码文件有任意修改后,在vscode左边git图标会显示有多少个文件的改动,点击git图标后,进入到git功能区,会显示改动文件的列表

在这里插入图片描述

点击里面的 ‘+’ 号就将 ‘login.vue’ 添加到了暂存区,相当于 git add login.vue

2.提交代码到本地仓库

如果在上一步暂存了login文件后,在消息里面写上要添加的内容,点击 , 等于git commit -m "备注信息",这样代码就到本地仓库了。

在这里插入图片描述

3. push代码

在第2步中,commit代码到本地仓库之后,点击 “…” 图标,会弹出一个大的菜单,选择其中的“Push”(提交)把代码提交到远程代码库(前提是已经连接了远程仓库 – 可以在命令行使用git remote 远程仓库地址进行连接)

在这里插入图片描述

4. 创建branch

点击左下角的分支图标,如下图所示,会弹出一个对话框输入要创建新的branch的名字

在这里插入图片描述

可以切换到一个分支上后,再点击 “提交"就会将这个分支Push到远程仓库里 在这里插入图片描述

本地仓库链接远程仓库

  1. 1上传文件到github
    然后让你的本地仓库链接远程仓库,在VScode中的 源代码管理 面板中,按下图顺序点击,添加远程存储库。
image-20240203111243573

2.2 在顶部弹出的窗口中,粘贴刚才复制的仓库地址。

image-20240203111604603

填写远程存储仓库名称,方便本地引用远程仓库。

image-20240203111710194

之后便可在源代码管理界面,点击推送,推送你的本地仓库文件到远程仓库。

image-20240203112656769

第一次推送时,会提示“分支"main"没有远程分支。是否要发布此分支?”,点击确定即可。

image-20240203113111622

在网络通畅的情况下,转圈结束后上传完成,可以在github上看到上传的文件。

image-20240203152154208
不过还有一种方式可以链接远程仓库。就是你使用git 或 gitee创建远程仓库后,下面会有一行自动生成的可以链接该远程仓库的代码,打开该项目所在的终端,执行该行代码也可以链接到远程仓库。

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值