基于 VScode 的 git 详细使用指南【保姆级!建议收藏!】_vscode git使用

先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Linux运维全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上运维知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以添加V获取:vip1024b (备注运维)
img

正文

image-20240202142106964

VScode文件右侧字母含义:

image-20240202160104987

  • AAAdded的缩写。表示这个文件是新增的,它在本地仓库中不存在,但是已经被添加到暂存区,等待提交。
  • UUUntracked的缩写。表示这个文件是未跟踪的,它在本地仓库中不存在,也没有被添加到暂存区,需要你手动添加或忽略。
  • MMModified的缩写。表示这个文件是被修改的,它在本地仓库中存在,但是已经被修改。
  • DDDeleted的缩写。表示这个文件是被删除的,它在本地仓库中存在,但是已经被删除。
  • 1,M:表示这个文件有一个错误,后面的字母代表该文件的状态。
2.4 文件修改

​ 当对已上传的文件进行修改过后,修改部分代码会左侧会有颜色提示,绿色表示这里是新加的代码,红色代表此处代码被删除,蓝色代表此处代码被修改。

  1. 源代码管理栏将文件的状态改为M(Modified),表示文件是被修改的。

image-20240202143508384
2. 点击+号,在消息框输入版本信息,点击提交,即完成了文件的修改,该修改版本将会被 git 记录。

image-20240202143718914
3. 点击顶端 view history 按钮,即可看见所有上传的版本(没有可以去扩展安装Git History)。

image-20240202142600871
4. 在Git History界面可以看见所有历史版本信息,左侧有版本名称即为你添加的注释(可以相同)和上传时间,右侧有版本的hash码(不同),是版本的唯一标识符。

image-20240202143912744
5. 点击版本,可以看到该版本相比上一版本进行了哪些操作。可以看到test7版本,相比于test6版本,添加了test_02.txt、删除了text_03.h,修改了test.c

image-20240202161636148

* 点击 `view`,可以看到该版本的该文件的内容。

 ![image-20240202162520039](https://img-blog.csdnimg.cn/img_convert/7590b37ec1b4508e2c68b50d85dca1dd.png)
* 点击 `Workspace`,可以看到该版本与 **当前工作空间内容** 的对比。

 ![image-20240202162459794](https://img-blog.csdnimg.cn/img_convert/2bb6c899fd17fd69d93a97d93906e276.png)
* 点击 `Previous` ,可以看到该版本与 **上一版本文件内容** 的对比。

 ![image-20240202162440688](https://img-blog.csdnimg.cn/img_convert/6889e88fdf00a7582a4e6f45b930bac6.png)
* 点击 `History` ,可以看到该文件 所有被修改的历史版本。

 ![image-20240202162410265](https://img-blog.csdnimg.cn/img_convert/9904cd7de1ca3da36ac25d77f1c14c96.png)
2.5 版本对比

当点击右侧时间线,可以对比提交的版本与当前版本的区别。左侧为对比的版本,右侧为当前版本,红色为当前版本删除的部分绿色为当前版本添加的部分

image-20240202153824126

2.6 版本回退

​ 版本回退分为 硬回退(Hard reset)软回退(Soft reset) 。它们的区别在于它们对工作区、暂存区和版本库的影响不同。

模式HEAD暂存区工作区
Soft移动到指定提交不变不变
Hard移动到指定提交重置为指定提交重置为指定提交
  1. 软回退(Soft reset)

软回退模式 只会移动HEAD指针,不会修改暂存区和工作区的内容,这意味着你可以 **撤销最近的提交并保留你的修改 **。

Git History页面中,点击要回退的版本的右侧的 Soft 按钮,进行版本回退。

image-20240202150530041

提示框提示 “所有受影响的文件将被合并并保存在本地工作区中” ,选择 OK ,确定回退。

image-20240202150627652

此时,版本回退到了你选择的版本,但是本地文件仍为回退前的版本。

image-20240202152902698
2. 硬回退(Hard reset)

硬回退模式 会移动HEAD指针,并重置暂存区和工作区为指定提交的内容,这意味着你可以 **完全丢弃某个提交及其后续的所有修改 **。

Git History 页面中,点击要回退的版本的右侧的 Hard 按钮,进行版本回退。

image-20240202154347157

提示框提示"这对您当前的工作集是不可逆的。未提交的本地文件将被删除",选择 OK ,确定回退。

image-20240202154426940

此时,版本回退到你选择的版本,并且你的本地文件也回退到选择的版本。

image-20240202154631725

硬回退不可逆,建议确定好要回退版本再使用。

2.7 版本分支
  1. 点击右侧 Branch 按钮,创建分支。

image-20240202162707543
2. 在提升框中写分支的名字,点击 OK ,创建分支。

image-20240202162815836
3. 创建完成后,看见右侧绿色 test6_1 ,代表当前分组位置,main 代表主分支位置。

image-20240202163057696
4. 点击新创建的 test6_1 分支,在弹出的提示窗选择 OK 切换到新的分支(前提是当前文件未做修改)。

image-20240202163555987

也可以在 VScode 左下角进行分支转换,点击 main ,选择你要切换的分支,进行切换。

image-20240202164353285
5. 顶部弹出弹窗,点击要切换的分支,进行分支切换。

image-20240202164434772
6. 与在主分支提交相同,在其他分支也是再消息栏填写版本内容后提交。

image-20240202164858202
7. 分支合并:

切换到主分支,点击 源代码管理 的右上角三个点,选择分支-合并。

image-20240202165504011

在顶部选择你要合并的分支。

image-20240202165537463

分支合并成功,文件会有冲突存在,此时需要对有冲突文件进行编辑。

image-20240202171404521

合并更改有三种方式:

* 采用当前更改:保留你所在的分支的修改,忽略另一个分支的修改。
* 采用传入的更改:保留另一个分支的修改,忽略你所在的分支的修改。
* 保留双方更改:同时保留两个分支的修改,让你自己再次编辑文件,选择最终的修改。
2.8 版本合并

​ 版本合并一直都是很困难的,需要一步一步来查看版本的区别,选择合适的合并方式。

  1. 可以在 合并编辑器 中查看 当前 文件内容、传入 文件内容,以及合并后的 结果

image-20240202172309100
2. 往往我们需要看到最原始的版本,才能方便我们确定合并时,哪些是我们要的,哪些是不要的。在合并编辑器中,可以点击右上角的三个点,选择显示基顶部。

image-20240202172430848
3. 此时,我们得到了 基础 版本,与之前三个版本同框的情况,方便确定合并内容。

image-20240202172544509

可以选择 接受当前接受传入,或者不做更改,最后选择完成合并。
4. 当你不想进行合并时,在顶部输入>Git: Abort Merge ,选择取消合并。

image-20240202173140606

3 git 远程代码控制

​ 上面介绍了 git 在本地的使用,下面介绍结合 github 的 git 的远程控制。

3.1 创建远程仓库
  1. 打开 github.com ,点击 Sign in 登陆你的账号,没有的话点击 Sign up 注册一下即可。

image-20240203105717673

  1. 登陆后,点击 New 新建一个项目,这个项目就是你上传本地项目的位置。

image-20240203104250324
3. 填写仓库名称后,点击 Create repository 创建项目。

其中仓库名称是必须填写的,其他部分可以保持默认,其含义如下。

* `Repository name` : 仓库名称(输入名字,最好不要使用中文)
* `Description` (可选) : 仓库描述介绍,可以不填
* `Public, Private` : 仓库权限,`Public` 表示仓库内容对所有人可见,`Private` 可选指定用户可见。
* `Add a README file` : 添加一个README.md,用于介绍仓库内容。
* `Add .gitignore` : 不需要进行版本管理的仓库类型,对应生成文件.gitignore
* `Cho0se a license` : 选择证书类型,对应生成文件LICENSE![image-20240203110143888](https://img-blog.csdnimg.cn/img_convert/46b027f5c79d6cdd440efd72f891d546.png)
  1. 创建成功以后,界面如下,复制下面的地址备用。

image-20240203110102793

3.2 创建SSH通道

​ 创建SSH通道,使得远程仓库认识你的本地计算机。

  1. 在 VScode 中,按下快捷键 Ctrl+J 打开底部终端,添加 git bash ,输入以下命令生成SSH密钥。

image-20240203114735562

ssh-keygen -t rsa -C "登录邮箱"

其中 登录邮箱 换成最初设置的全局邮箱。
2. 输入命令后,一直回车即可,生成密钥。

image-20240203120038250
3. 在 ssh-agent 上注册你的 SSH 密钥

为了使用这些密钥,我们必须在我们机器上的 ssh-agent 上注册它们。我们需要在 git bash 输入以下命令。

# 运行 ssh-agent
eval "$(ssh-agent -s)"
# 注册 SSH 密钥
ssh-add ~/.ssh/id_rsa
# 查看本机密钥
ssh-add -l

image-20240203122755028

如上图显示即为注册成功。
4. 找到以上密钥所在位置,用记事本打开 id_rsa.pub 文件,内容应为ssh-rsa 开头,你的邮箱结尾的字符串,复制这段字符串。

image-20240203120320144

image-20240203120507796
5. 打开 github ,点击右侧顶部头像,打卡侧边栏,点击 setting 打开设置界面,点击左侧 SSH and GPGG keys

image-20240203120939654
6. 点击 New SSH Key ,将刚才的密钥复制到 Key 中,Title 中输入表示你这台设备的名称,点击 Add SSH Key 完成 SSH key 的添加。

image-20240203121113198

image-20240203121237635

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

image-20240203111243573
2. 在顶部弹出的窗口中,粘贴刚才复制的仓库地址。

image-20240203111604603
3. 填写远程存储仓库名称,方便本地引用远程仓库。

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

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

image-20240203113111622

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

image-20240203152154208

3.4 从 github 下载项目
  1. 在github上,点击 code ,复制想要下载的项目的链接。

image-20240203153546438
2. 在你想下载的文件夹下,右键打开git bash,通过git clone命令,将文件拷贝到本地。

git clone git@github.com:xxx/test.git

image-20240203153922002
3. 出现以上命令即为下载成功。

3.5 对链接github的本地项目pull/push
  1. 将修改后的文件推送到github

    • 首先跟本地版本控制一样,将修改的文件提交。

    image-20240203154605573

    • 点击 源代码管理 右上角三个点,点击推送,将修改的文件上传到github。

    image-20240203154728359

    当你确定只有要推送的文件,没有要拉取的文件时,也可以直接按同步更改。

  2. 将云端项目拉取到本地

点击 源代码管理 右上角三个点,点击拉取,将github上文件拉取到本地。

image-20240203160542359

当你确定只有要拉取的文件,没有要推送的文件时,也可以直接按同步更改。

4 git 其他使用问题

4.1 用 SSH 密钥在一台机器上管理多个 GitHub 账户

如何用 SSH 密钥在一台机器上管理多个 GitHub 账户 (freecodecamp.org)

如何在同一台电脑上同时使用多个Git账号? - 知乎 (zhihu.com)

  1. 生成多个 SSH 密钥

C:\Users\Administrator\.ssh 文件夹中打开 gitbash,生成两个 SHH 密钥,分别作用于我的两个github账号。

ssh-keygen -t rsa -C "one@gmail.com" -f "id\_rsa\_one"
ssh-keygen -t rsa -C "two@gmail.com" -f "id\_rsa\_two"

其中邮箱对应两个github账号注册时的邮箱。
2. 将两个密钥加入到对应的github账户
3. 编辑配置文件

编辑 ~/.ssh/config 文件,没有就建一个,Host 名称可以根据你的需求更改。

# one
Host github_one
Hostname ssh.github.com
IdentityFile ~/.ssh/id_rsa_one
port 22

# two
Host github_two
Hostname ssh.github.com
IdentityFile ~/.ssh/id_rsa_two
port 22

修改之后,在 git bash 中运行以下命令,检查是否连接正常。

ssh -T git@github_one
ssh -T git@github_two

如果都能正常返回如下信息,就说明配置正常。

Hi xxx! You've successfully authenticated, but GitHub does not provide shell access.

同样的方式你就可以配置更多的以SSH登录的不同git用户。
4. 配置仓库设置

全局设置可以作为你默认上传的账号,在需要用其他账号时,需要重新配置 user.nameuser.email

# 添加本地设置
# 设置为私有仓库的GitHub账号邮箱和公有账号的GitHub邮箱。
git config --local user.name xxxx
git config --local user.email xxx

  1. 上传文件

    • 添加远程仓库

    未创建远程仓库时,采用 git remote add 添加远程仓库,origin可替换仓库的名称。

    # 远程仓库不存在
    git remote add origin git@github_two:xxx/example.git
    
    # 远程仓库已存在
    git remote add test git@github_two:xxx/test.git
    error: remote test already exists.
    
    
    • 上传至远程仓库

    先用以下命令更新 test 远程仓库的 URL,以便您可以使用新的地址进行推送或拉取操作。

    git remote set-url test git@github_two:two/test.git
    
    

    然后在VScode中推送文件即可。

4.2 github上传大文件

​ 在向github上传大文件往往会导致卡住上传不了,这是因为github有一个限制,不能上传超过100MB的文件。但是可以通过 Git LFS 上传大文件到github上。

最后的话

最近很多小伙伴找我要Linux学习资料,于是我翻箱倒柜,整理了一些优质资源,涵盖视频、电子书、PPT等共享给大家!

资料预览

给大家整理的视频资料:

给大家整理的电子书资料:

如果本文对你有帮助,欢迎点赞、收藏、转发给朋友,让我有持续创作的动力!

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以添加V获取:vip1024b (备注运维)
img

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
找我要Linux学习资料,于是我翻箱倒柜,整理了一些优质资源,涵盖视频、电子书、PPT等共享给大家!

资料预览

给大家整理的视频资料:

[外链图片转存中…(img-qkpGWssg-1713548697727)]

给大家整理的电子书资料:

[外链图片转存中…(img-3JmnYFNh-1713548697727)]

如果本文对你有帮助,欢迎点赞、收藏、转发给朋友,让我有持续创作的动力!

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以添加V获取:vip1024b (备注运维)
[外链图片转存中…(img-PTIrKZcp-1713548697728)]

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 15
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: VSCode GitLens 使用指南: 1. 安装 GitLens 插件:在 VSCode 中搜索 GitLens 并安装。 2. 打开 GitLens:在 VSCode 左侧的侧边栏中,点击 GitLens 图标。 3. 查看 Git 仓库历史记录:在 GitLens 中,可以查看 Git 仓库的历史记录,包括提交记录、分支、标签等。 4. 查看文件历史记录:在 GitLens 中,可以查看文件的历史记录,包括每个版本的修改记录和作者信息。 5. 比较文件版本:在 GitLens 中,可以比较不同版本的文件,查看文件的差异。 6. 查看代码作者:在 GitLens 中,可以查看每行代码的作者信息,以及代码贡献者的统计信息。 7. 查看代码注释:在 GitLens 中,可以查看每行代码的注释信息,以及注释的作者信息。 8. 查看代码分支:在 GitLens 中,可以查看每行代码所在的分支信息,以及分支的历史记录。 9. 查看代码标签:在 GitLens 中,可以查看每行代码所在的标签信息,以及标签的历史记录。 10. 使用 GitLens 命令:在 VSCode 中,可以使用 GitLens 提供的命令,例如查看当前文件的 Git 历史记录、查看当前文件的注释信息等。 ### 回答2: VSCode GitLens 是 VSCode 插件市场上最受欢迎的 Git 工具,它提供了详细Git 仓库文件修改记录和代码行修改记录,可帮助您更好地处理代码库和代码提交。 一、安装插件 首先需要安装 VS Code,然后在插件市场中搜索“GitLens”并安装它。 二、使用 GitLens 1. 查看文件历史记录 在 VS Code 编辑器中打开一个文件,然后按 Ctrl + Shift + P 打开命令面板。在命令输入框中搜索“GitLens: File History”命令,并按回车键。然后 GitLens 就会显示文件的历史记录,你可以在其中查询每个提交的详细信息。 2. 查看代码行历史记录 在编辑器中选择代码行,然后右键单击,选择“GitLens: Blame”命令。GitLens 会显示你选择的代码行的所有提交记录,以及每个提交所做的代码更改。 3. 代码比较 在 VS Code 编辑器中打开一个文件,右键单击文件并选择“GitLens: Compare File With...”命令。然后选择一个当前存在的分支或提交版本,并 GitLens 就会显示文件和另一个文件版本之间的差异。你甚至可以比较两个不同的分支之间的差异。 4. 查看分支和 TAG 信息 在 VS Code 编辑器顶部的状态栏中,单击分支名称,GitLens 就会显示与你当前的分支相关的历史记录和标签信息。此外,你还可以查看该分支相关的远程仓库信息和分支历史记录。 5. 快速浏览仓库文件 你也可以通过按 Ctrl + Shift + P 打开命令面板,然后搜索“GitLens: Quick File History”命令来快速浏览仓库中所有文件的历史记录。你只需选择项目或文件名,然后就可以查看该文件的历史记录。 结论 综上所述,VSCode GitLens 插件可以让你更好地处理 Git 仓库和代码提交。无论您是新手还是老手,它都是一种可靠的方法,可帮助您管理仓库并快速查找和比较代码。如果你还没有使用 GitLens,我建议你现在就去 VS Code 插件市场中下载。 ### 回答3: VS Code是一个非常强大的代码编辑器,包含许多有用的功能和扩展。其中一个最流行的扩展是GitLens,它为您提供与Git相关的所有功能和更多。在这个指南中,我们将会讨论如何使用GitLens来更好地管理您的代码库。 首先,在VS Code中安装GitLens扩展。这可以通过打开Extensions(Extensions)面板并搜索“GitLens”来完成。一旦安装成功,您就可以在VS Code编辑器的左侧栏中看到GitLens的小图标。 接下来,我们将讨论GitLens的一些主要功能。 1. 界面显示和代码注释 GitLens为您的代码提供了一些有用的标签,这些标签位于每个代码行的左侧。例如,您可以看到谁在代码仓库中进行了更改,以及更改是何时发生的。您还可以在鼠标悬停在代码行上方时查看完整的代码注释。 2. 历史记录 GitLens使得查看代码仓库的历史记录变得非常容易。通过单击GitLens小图标,在窗口下方打开GitLens面板。在此面板中,您可以查看仓库的所有提交,以及它们是何时创建的。 3. 比较和合并 GitLens提供了强大的比较和合并功能,使代码合并变得非常容易。例如,您可以比较两个提交之间的差异,或者查看代码中的一个特定变量是在哪个提交中添加的。 4. 代码搜索 GitLens使得搜索代码变得更加容易。您可以使用全局搜索工具查找整个代码库中的任何内容,并使用GitLens面板中的搜索工具查找特定提交或更改。 总的来说,GitLens是一个非常有用的工具,可以帮助您更好地管理和维护代码库。无论您是新手还是有经验的程序员,都可以受益于GitLens的许多功能。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值