VSCode如何利用Git来可视化管理源代码

这篇“VSCode如何利用Git来可视化管理源代码”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“VSCode如何利用Git来可视化管理源代码”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们一起来看看具体内容吧。

vscode有什么用

Visual Studio Code 是一个运行于 OS X,Windows和 Linux 之上的,针对于编写现代 web 和云应用的跨平台编辑器,它为开发者们提供了对多种编程语言的内置支持,并且正如 Microsoft 在Build 大会的 keynote 中所指出的,这款编辑器也会为这些语言都提供了丰富的代码补全和导航功能。

环境准备:

1、首先需要现在安装Visual Studio Code。

下载地址:https://code.visualstudio.com/Download

选择对应的平台进行安装(我自己是安装的window平台):

VSCode如何利用Git来可视化管理源代码

2、Git环境安装:

Git安装详细教程:https://blog.csdn.net/qq_43715354/article/details/108638061

克隆GitHub中的存储库:

1、复制GitHub存储库的SSH链接地址:

VSCode如何利用Git来可视化管理源代码

2、打开VS Code点击克隆,粘贴SSH链接地址进行下载:

VSCode如何利用Git来可视化管理源代码

查看当前所在分支:

1、界面查看:

VSCode如何利用Git来可视化管理源代码

2、切换到终端,命令查看:

git branch -a

VSCode如何利用Git来可视化管理源代码

[*重要]实际工作开发四步曲(添,提,拉,推):

首先要明白四步曲分别是哪四步,其作用分别是什么?

添:将修改的内容添加到本地暂存区 git add。
提:将本地暂存区中的内容提交到本地代码库 git commit -m 'description'。
拉:同步,拉取远程代码库中的内容,在多人协同开发中十分的重要,因为假如事先没有同步更新到最新版本有可能会覆盖别人修改的东西,假如拉取后有冲突直接使用VS Code解决冲突即可 git pull。
推:将本地代码库中的内容推送到远程代码仓库 git push。

添加暂存区:

新增Information.txt文本文件,添加至本地暂存区。

VSCode如何利用Git来可视化管理源代码

VSCode如何利用Git来可视化管理源代码

提交本地代码库:

VSCode如何利用Git来可视化管理源代码

VSCode如何利用Git来可视化管理源代码

拉取同步远程最新代码库:

VSCode如何利用Git来可视化管理源代码

推送至远程代码库:

VSCode如何利用Git来可视化管理源代码

验证是否推送成功,查看GitHub中的仓库内容:

VSCode如何利用Git来可视化管理源代码

冲突解决:

  接下来我们来自己模拟一下多人开发,如:我在本地修改Information.txt文本文件的内容,然后在到GitHub中修改一次这样本地在提交的时候就会产生冲突,然后我们可以借助VS Code智能的解决冲突的方式帮助我们来解决冲突。

本地修改:

VSCode如何利用Git来可视化管理源代码

GitHub中的修改:

VSCode如何利用Git来可视化管理源代码

本地提交后,拉取时提示冲突如下:

VSCode如何利用Git来可视化管理源代码

合并冲突提交到远程代码库中:

VS Code提供了四种智能合并的方式供给我们选择,我们可以按照实际情况进行代码冲突解决。当然也可以手动删除解决,不过要慎重,可能一不小心就把同事辛辛苦苦写了几天的代码给覆盖了哦,这里我选择了【保留双方更改】的方式进行冲突解决。

VSCode如何利用Git来可视化管理源代码

冲突完美解决:

VSCode如何利用Git来可视化管理源代码

创建分支并推送到远程代码库:

1、切换到源代码管理视图:

VSCode如何利用Git来可视化管理源代码

2、选择需要创建子分支的主分支:

注意:我们这里为develop分支创建feature-20210218分支。

VSCode如何利用Git来可视化管理源代码

VSCode如何利用Git来可视化管理源代码

3、将新建分支推送到远程代码库:

VSCode如何利用Git来可视化管理源代码

VSCode如何利用Git来可视化管理源代码

子分支开发完成后合并到主分支中:

首先我们在feature-20210218子分支中创建一个文件夹和一个文本文件,然后将feature-20210218子分支合并到develop开发分支中合并提交到远程代码库。

1、feature-20210218子分支中创建一个文件夹和一个文件:

VSCode如何利用Git来可视化管理源代码

2、使用实际工作开发四步曲(添,提,拉,推)教程将新添加的内容推送到远程代码库:

切换到feature-20210218分支:

VSCode如何利用Git来可视化管理源代码

查看文件是否提交成功:

VSCode如何利用Git来可视化管理源代码

3、将feature-20210218子分支合并到develop开发分支:

a.首先切换到develop分支中:

VSCode如何利用Git来可视化管理源代码

b.选择需要合并过来的分支:

VSCode如何利用Git来可视化管理源代码

VSCode如何利用Git来可视化管理源代码

VSCode如何利用Git来可视化管理源代码

c.推送至远程仓库,查看合并是否成功:

VSCode如何利用Git来可视化管理源代码

VS Code Git提交修改历史记录查看(甩锅专用):

需要安装Git History拓展。

VSCode如何利用Git来可视化管理源代码

查看对应文件的修改历史记录:

VSCode如何利用Git来可视化管理源代码

VSCode如何利用Git来可视化管理源代码

查看文件修改时间线对比文件修改内容:

VSCode如何利用Git来可视化管理源代码

VSCode如何利用Git来可视化管理源代码

感谢你的阅读,希望你对“VSCode如何利用Git来可视化管理源代码”这一关键问题有了一定的理解,具体使用情况还需要大家自己动手实验使用过才能领会,快去试试吧,如果想阅读更多相关知识点的文章,欢迎关注编程之家行业资讯频道!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Git安装和使用 Git安装和使用 刚开始用git的小白适用,,转自http://www.cnblogs.com/qijunjun/p/7137207.html 实际项目开发中,我们经常会用一些版本控制器来托管自己的代码,今天就来总结下Git的相关用法,废话不多说,直接开写。 目的:通过Git管理g
fatal: remote origin already exists.解决方法 第一个问题git remote add origin**************fatal: remote origin already exists.(报错远程起源已经存在。)上网查了下,有很多小白遇到过这个问题,以
git常用命令(二)查看历史记录 git log [--pretty=oneline] [ --oneline] / reflog Eniac-W 于 2020-10-18 18:12:38 发布 2368 收藏 3分类专栏: git 文章标签: git版权 git专栏收录该内容10 篇文章0 订阅
git之如何把本地文件上传到远程仓库的指定位置 git专栏收录该内容2 篇文章0 订阅订阅专栏2018.11.26添加内容: 对于自己的仓库,我们建议将远程仓库通过clone命令把整个仓库克隆到本地的某一路径下。这样的话我们从本地向远程仓库提交代码时,就可以直接把需要提交的文件拖到我们之前克隆下来的
代码规范之 lint-staged 在代码提交之前,进行代码规则检查能够确保进入git库的代码都是符合代码规则的。但是整个项目上运行lint速度会很慢,lint-staged能够让lint只检测暂存区的文件,所以速度很快。 安装与配置 安装husky和lint-staged: yarn add hu
方法:1、文件没有git操作时用“git checkout--文件”命令还原;2、文件提交到暂存区时用“git reset HEAD”命令回退当前版本还原;3、文件提交到仓库区时用“git reset HEAD^”命令回退上一个版本还原。 本文操作环境:Windows10系统、Git2.30.0版、
使用Git将本地文件提交到远程仓库 一 操作准备条件: git远程仓库已经建好了,本地文件已经存在了,现在要将本地代码推到git远程仓库保存。 解决办法如下: 1、(先进入项目文件夹)通过命令 git init 把这个目录变成git可以管理的仓库 git init 2、把文件添加到版本库中,使用命令
GitHub克隆代码到本地全教程 因为工作原因更换电脑,想要从GitHub上拉取代码的话需要重新配置ssh keys,时间过的久了怕忘记就把步骤给记录下来。 具体步骤: 1.安装git 这我就不说了 2.在TortoiseGit的安装文件中找到 puttygen.exe应用程序 ,默认应该都是 :C
github上传项目的时候报出git@github.com: Permission denied (publickey). fatal: Could not read from remote repo 前言 会不会有程序员小伙伴在刚开始使用github的时候上传项目的时候困难重重,但是又基于自己本身
查看历史 git log --pretty=onelinegit log (然后一直按enter键) 一个是切换根据历史里面的id切换git checkout ID git log 需要不断按enter键出来历史提交记录 git log --pretty=oneline 是直接出来历史记录
Git工作原理及常用命令 欧怼怼发布于 2020-12-08 git介绍 git(读音/ɡɪt/)是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。git是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。 git
git git提交项目的具体流程 git项目流程:以下主要有3个角色:负责人、成员A、成员B(若负责人也要修改代码,则负责人同时兼任2个角色:负责人、成员) 主要负责人:搭建项目架构且提交到git上1.github官网登录后,新建仓库,生成地址url,复制线上仓库.git结尾的地址url2.在一个空
git上传项目全部流程 一、下载git 进入网址:https://git-scm.com/downloads; 点击中的Download 2.16.0 for Windows; 在中选择蓝色字段点击,根据电脑64或32位选择适合的下载,点击即可进行下载,下载完成后傻瓜式安装,一直点击下一步即可完成安
Your local changes to the following files would be overwritten by checkout问题的解决 于 2018-07-17 11:38:27 发布 Git 的本地版本管理有三个部分 名称	说明工作区(Working Directory)	
Git配置SSH Keys步骤使用教程 1.若是首次安装使用git,先配置用户名称和邮箱(如果有就不需要配置) 打开Git Bash,输入 git config --global user.name "姓名"git config --global user.email &quot
基本配置完成,接下来就是上传你要上传的项目了。 1、初始化git 进入你要上传的项目的文件夹,在文件夹内鼠标右击,选择“Git Bash Here”打开git命令行,输入: $ git init 目的是初始化git,并且会创建个“.git”文件夹,里面有个“config”就是用来保存远程厂库路径地址
本篇内容主要讲解“gitee如何上传代码”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“gitee如何上传代码”吧! ...
这篇“从gitee上下的代码如何用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这...
这篇文章主要介绍“gitee如何下载仓库里的项目”,在日常操作中,相信很多人在gitee如何下载仓库里的项目问题上存在疑惑,小编查阅了各式资料,整理出简单好用的...
本篇内容主要讲解“怎么在Gitee上更新代码”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么在Gitee上更新代...