怎么在vscode上面使用git仓库管理工具

如何在vscdoe中使用git仓库管理工具

为什么我们要用vscode上面操作git仓库管理工具呢?

因为我们安装了git后,会在命令窗口(就是windows+r–>输入cmd运行的命令窗口)敲一行一行的命令,进行git仓库得使用。但是我们在使用命令窗口的时候,没有什么提示,所以会经常报错

  1. git clone的时候报错
  2. 比如我们在合并远程仓库代码的时候,出现冲突
  3. 合并远程分支的时候,提交不过去,出现报错…等等

我们会去根据报错信息去搜所解决办法,比较麻烦
因此就有了一些git可视化管理工具,让git管理仓库工具的使用变得更加简单,不过有一说一,如果可以使用命令窗口去使用git,代表着你是个厉害的大佬哦

在不同的编译器上面都有着不同的操作工具,下面我们说一下怎么在vscode中使用git管理工具操作git

  1. 我们使用git提交代码到远程仓库的时候,会git add .(将写好的代码,提交到项目中的git文件夹里面,就是提交到缓存区),在vscode中会在每个页面右侧有A的提示

这个是新创建的文件右侧有个U的意思,U是untracked的缩写,意为在本地新建了这个文件,还未提交到github上,就会标记U
下面的App.vue右侧有个M,M是已经在github中添加过该文件,然后你对这个文件进行了修改,就会文件后标记M

怎么在vscode上面使用git仓库管理工具_第1张图片
这个是我提交后,home的提示信息为A,代表着在将home.vue添加进来git文件夹中,就是本地的缓存文件里面
怎么在vscode上面使用git仓库管理工具_第2张图片

2.之后再使用git commit -m’添加本次改动备注信息’,这个再vscode中没有什么提示信息
3.最后再使用git push提交到远程仓库联就行了,提交完后文件就是变成了白色的,代表着git远程仓库收到了缓存文件的信息,同步了下来

怎么在vscode上面使用git仓库管理工具_第3张图片

接下来让我们在vscode中使用git可视化更加便捷的操作更多命令
可以在上面的拖里看到左侧第三个地方,那个就是使用git进行操作的地方
1.我在一个文件里进行了改动,出现改动的文件信息,

怎么在vscode上面使用git仓库管理工具_第4张图片
2.保存到暂存区
在更改的文件右侧,有暂存更改,点击后就等于是用了git add .命令,将这一条更改的信息,提交到缓存区

怎么在vscode上面使用git仓库管理工具_第5张图片
更改过后的在vscode中是这么显示的
怎么在vscode上面使用git仓库管理工具_第6张图片
3.提交到git仓库
怎么在vscode上面使用git仓库管理工具_第7张图片
现在是正在推送中,有个蓝色的小条在滑动,还有个时钟在,等到他们停止了,小蓝条消失了,就是推送成功了,推送很慢的原因是网速有点过慢,等不及的话可以切换网络或者热点

怎么在vscode上面使用git仓库管理工具_第8张图片

更多的命令操作,可以点击图片中红色框框那里的三个点,就会出来

怎么在vscode上面使用git仓库管理工具_第9张图片

你可能感兴趣的:(git,vscode,github)