如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

前言
随着Vscode的推出和普及,Git的使用也发生了变化,从原来的命令行管理仓库,再到现在用vscode从提交代码、解决冲突、reivew代码,整个管理仓库的过程全部都是可视化,大大降低了新手的使用难度,让新手也能轻松使用git

一、电脑安装git
git官网:Git – 安装 Git

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

安装完git后,打开vscode显示这样的界面就是安装成功了

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

二、在vscode安装git插件
安装这三个插件,这三个插件可以帮助你查看历史提交记录和分支管理

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

三、克隆仓库
在githu或者gitlab上面复制你仓库的URL,Https和SSH都可以

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

点击克隆仓库

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

粘贴刚刚复制的URL

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

存储在你的文件夹中

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

克隆完后会弹窗提示,我们打开刚刚克隆的仓库

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

这样我们就能看到仓库的工程目录了

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

四、提交代码
修改保存的文件都在这个框会显示,暂存更改就是相当于命令行的 git add

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

填写完后点击提交就提交到本地仓库,再同步提交到远程。这里相当于命令行的 git push

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)
如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

如果想撤回暂存的提交也可以点击 撤销上次提交就可以退回未提交前的状态了

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

五、创建分支、切换分支、合并分支
1、创建分支

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

输入你新分支的名字,我这里就设置为feature-led-name,后面的name就是你的名字,关于分支的命名规范,你们的可以搜下git命名规范照着命名就可以了

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

创建分支成功会自动切换程新建的分支,然后就可以开始写代码了,如下图所示:

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

2、切换分支
这里分本地分支和远程分支,本地分支就是你新建的分支还没推到远程仓库上面的,其他仓库组成员是看不到的,远程分支则是已经推送到了远程仓库的分支,其他组成员是能拉到本地进行开发的分支,点击你想切换的分支进行切换即可

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

这里有个容易忽略的地方,就是切换分支之前,一定要把修改的东西先提交或者撤销,否则会切换不成功

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

3、合并分支
合并分支就可以用到我们刚刚安装的那三个插件的其中之一git graph了,打开git graph,可以看到仓库分支代码提交的作者、日期、分支创建、合并等等信息,非常方便

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

提交完代码后,先切换到你要合并的分支,例如release分支,然后右击要合并的分支

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)
如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

合并完再同步提交到远程仓库就大功告成了

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

六、创建标签和推送标签

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)
如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

七、解决冲突
这时候又用到刚刚安装的三个插件之一GitLens了,解决完冲突重新提交即可

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

八、拉取、抓取仓库

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

九、Reivew代码
点击你要reivew的分支就可以看到别人提交的代码和信息了,点击文件就可以开始查看了

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

左边是提交前的代码,右边是提交后的代码,一目了然知道他修改了什么

如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)
如何在VsCode中关联git(免敲命令版本!保姆级!建议收藏!)

总结
本文详细介绍了在VSCode中使用Git进行代码管理的完整流程,包括Git安装、插件配置、仓库克隆、代码提交、分支管理(创建/切换/合并分支)、标签管理、冲突解决等核心功能。通过可视化操作界面,大大降低了Git的使用门槛,使新手也能轻松掌握版本控制技巧。文章特别强调了VSCode的三款必备插件(Git History、GitLens、Git Graph)在代码审查、分支可视化和冲突解决中的重要作用,并提供了从本地操作到远程协作的完整工作流指导。
————————————————

原文链接:https://blog.csdn.net/lijiemeiyyds/article/details/148380409

原创文章,作者:wangtao,如若转载,请注明出处:https://http3w.com/43/.html

Like (0)
wangtaowangtao
Previous 6天前

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

欢迎光临HTTP3W技术站