vscode 显示分支_Git以及vscode里的使用

720f18d6207ab236153edbe189877e91.png

本文章是总结性的文章,非从0开始的教程,如果想系统性的学习,可以在这里学习猴子都能懂的Git入门

Git

Git是分布式的版本控制工具,简单来说是为了在能够任何时间点保存(take a snapshot 拍快照)我们代码的更新记录,因此让我们能够复原任何时候的历史记录并且显示编辑前后的历史差异(就像给自己的从小到大的经历拍照,可以知道自己的成长...并且让他人知道成长(变化),这个在团队协作中尤为重要)

组成部分

数据库(存储文件+内容修改的历史数据)

  • 远程数据库
配有专门的服务器,为了多人的共享而建立
  • 本地数据库
为了方便开发,在本地建立的数据库
  • working tree(工作树)
实际写代码的地方
  • index(索引)
数据库和工作树之间,是为了向数据库提交做准备的区域

通过索引这一个地方,我们可以实现工作树和数据库的不同,也就是选择性的把工作树中的内容提交到索引,进而提交到数据库

以下是为了更加行动形象给了一些操作的图:

1a1b44269cc6bc11b64c7e1530cae2a7.png

61d93b661bc244541e979d01c16b7bbe.png

b6b3966c04e6ff761b89a320624d39c2.png

984e9c52ebdc829004f791147a88fe75.png

Git在VScode中的使用

初始化Git仓库

可以用git init,但也可以用以下方式,如图所示:

39fdeb087e29dd8c48865c95c2e151a2.png

查看分支

可以用git branch 命令,也可以用如下的方式: 在VScode左下角可以看到分支名称,最初建立是master分支

d0d4e54abc3e19cfc948560b12023a46.png

当点击master的时候,可以执行两个操作:

f00b455d522fe60c5570188288edb961.png

往index里添加文件

我们第一步,建立readme.md文件,我们可以看到会有如下的几个操作:

e7d4c6508e37e6164321b8ed24e9fee3.png

第二步,当我们点击+,也就是往index,索引里添加的时候,该文件会在Staged changes目录里出现,也就是在index里.

第三部:commit文件,也就是把文件从索引区添加到本地数据库. 可以在输入框里输入commit提示,然后点击最上面的对勾即可.

17742254ebe279df2e11cdcb880d1250.png

我们可以通过查看提交记录来确认是否提交成功,可以 命令行输入 git log,也可以在 vscode timeline里查看

fc70eb11725d4454194cef3c972c4574.png

如何推到远程分支

  • 建立远程仓库,可以在github,gitlab建立仓库
  • 添加远程数据库
  • 推到远程数据库

5865254b37c150c7596ab1e0980a7b1a.png

我们复制相应的命令即可,操作完以后可以查看是否连接完成.

bb35f0ca2557a08ffdea126edd36df0e.png

如何从远程数据库pull

首先,我们在远程数据库里修改刚上传的文件,然后我们拉过来.

3ed148324489ffaf9f7f5270ba51118b.png

本地文件如下:

d5f5dae0dc8e65c633d2993ca592742e.png

可以看到本地和远程是不同的,因此我们得从远程拉过来代码.

我们可以执行git pull命令,也可以在vscode里操作.

1b8e7afa80faf6f7993342600c5fd78d.png

建立一个本地分支并且发布到远程

当我们点击master的时候会有两个选择弹出,我们可以给个新分支的名称然后轻松建立分支.

d0d4e54abc3e19cfc948560b12023a46.png

新建立的分支在最底部的左下角可以看到

47ec3c69170ffd3b7c9c055a5eaf7bc8.png

然后点击分支名称右边的云符号的时候可以发布到远程,并且同步.

如果我们想要通过命令行来执行以上操作的话需要以下操作:

  • git branch <新的分支名称>
  • git checkout <分支名称>
  • git push --set-upstream origin <远程的分支名称>

因此可以看到在vscode里操作比写命令要容易的多,因此逐渐习惯用vscode吧.

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值