Git操作详解及在 VS Code 中使用 Git 源代码管理

本文详细介绍了Git的基本概念、与GitHub的关系,以及在VSCode中的使用方法,包括初始化仓库、添加和提交代码、创建分支和合并等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


Git详解

我们先理清Git和Github的区别

Git是个版本控制的工具,用来管理本地的代码工程,它可以记录代码内容的变更;而Github是一个代码托管平台,我们可以使用Git将本地代码上传到Github。

为什么要学Git

这个视频讲解的很清楚,尤其在你经过实践之后,对使用Git的意义能有更深的理解
【改变了世界的软件!程序员的基本功,Git 应该如何使用?】

Git工作流程

基本工作流程图:
在这里插入图片描述

  • 工作区(Workspace):平时存放项目代码的地方
  • 暂存区(Index/Stage):用于临时存放改动信息
  • 本地仓库(Repository):存放所有提交的版本数据
  • 远程仓库(Remote):托管代码的服务器,比如我们经常用的Github就是个代码托管平台

git的基本工作流程如下:

  • 在工作区中添加、修改文件
  • 将工作区中需要进行版本管理的文件放入暂存区
  • 将暂存区的文件提交到git本地仓库
  • (optional)将本地仓库推送到远程仓库

为了方便以后的学习和工作,不建议直接使用GUI来操作Git,下面将针对上面的工作流程介绍一些常用的Git命令行指令,这些指令是比较简单的,敲熟练之后再上手GUI版本的Git就相当容易了

Git操作详解及在 VS Code 中使用 Git 源代码管理

第一步:初始化你的Git

第一步:下载Git
在这里插入图片描述
要检查git安装是否成功,请在cmd中键入以下内容

git -version

第二步:在GitHub上创建账户,Git和GitHub账户应该同步。基本配置,应在命令提示符中输入以下命令

git config –-global user.name "UserNameOnGithub"  
git config –-global user.email "Email"  

GitHub的用户名应该是UserNameOnGithub,而电子邮件地址应该是你创建账户时使用的。
查看你在Git和GitHub上显示的用户名和电子邮件,可以验证它们是否有关联

git config --global --list

第三步:初始化,或者说创建一个本地的Git项目仓库。有两种方式(命令行指令):

# 方式一:本地生成一个git仓库
git init
# 方式二:从远端克隆一个git仓库
git clone https://github.com/7ywx/hello-world.git[项目地址]

如何GitHub中复制项目的地址
在这里插入图片描述
在VS Code中操作(GUI中操作Git),就是选择克隆仓库
在这里插入图片描述
提供仓库的URL(就是:https://github.com/7ywx/hello-world.git),或者从你自己的GitHub克隆
在这里插入图片描述
成功克隆!
在这里插入图片描述
这个.git文件夹就是我们的代码仓库
在这里插入图片描述

第二步:尝试对代码仓库进行增删改

第一步:创建一个新的文件hello.py,编一段helloworld。
在这里插入图片描述
第二步:使用Git将代码提交到暂存区

git add hello.py # 添加指定文件dir/filename
git add . # 添加所有已修改文件

第三步:将暂存区的改动提交到本地仓库,使用git commit命令我们就会在本地版本库生成一个40位的哈希值,用于版本回退

git commit -m "添加了python版本的hello world" # message就是本次提交的简要说明

第四步:本地上传,注意在推送前需要先从远程拉取

git push -u origin master # master可以更换为其他分支

git log用于命令主要用于查看Git版本演变历史(也就是提交历史),同时根据追加的参数和选项不同,也会有不同的展示效果。,命令形式如下:

git log [<options>] [<since>..<until>] [[--] <path>...]

在这里插入图片描述
这里我们通常使用GUI来查看相关信息,可以在扩展里下载Git Graph、Git History、Git Lens。
在这里插入图片描述


在VS Code中操作(GUI中操作Git)
第一步:在源代码管理中选择提交在这里插入图片描述
此时我们的GitHub网站上还有出现hello.py文件,因为文件是被提交到了暂存区,而不是远程仓库,实际上这一步我们同时完成了将暂存区的文件提交到本地仓库
第二步:将本地仓库上传至远程仓库也就是GitHub中,选择同步更改
在这里插入图片描述
此时就可以在GitHub中看到我们提交到hello.py文件了。yes!🎉✌️✌️✌️🎉
在这里插入图片描述

第三步:尝试创建分支

分支管理是版本控制中一个很重要的内容,在Git中主要有切换/创建分支(checkout)、合并分支(merge)两个指令。下面是部分分支操作的指令和图示

  • 圆圈表示一个提交(commit)记录
  • 矩形表示分支,它指向一个提交记录,由这个记录可以遍历之前所有的提交记录

第一步:初始化了一个git,这个git中只有一个master分支,包含两个commit记录
在这里插入图片描述
第二步:现在我们创建一个新分支,命名为develop:

git checkout -b develop # 表示创建并切换到develop分支

在这里插入图片描述
此时master分支和develop分支都指向C1这个提交记录。
第三步:我们分别在这两个分支上进行修改并提交:

git commit
git checkout master # 切换到master分支
git commit

请添加图片描述

可以看到master分支和develop分支指向了不同的提交记录
第四步:接下来我们将develop分支合并到master分支中

git merge develop

请添加图片描述
执行上面的指令后,产生了一个新的提交记录C4,由C4我们可以遍历之前所有的提交记录,但是此时master分支和develop分支仍然指向不同的提交记录。
第五步:继续切换到develop分支,将master分支合并到develop分支中

git checkout develop
git merge master

请添加图片描述


在VS Code中操作
第一步:现在我们创建一个新分支,命名为develop:
在这里插入图片描述
在这里插入图片描述
第二步:分别在master和develop分支进行修改
首先在master分支添加中文的hello world,同步至远程仓库。
在这里插入图片描述
在这里插入图片描述
然后在develop分支,开发一个繁中版本的hello world
在这里插入图片描述

可以看到master分支和develop分支指向了不同的提交记录
在这里插入图片描述
第三步:接下来我们将develop分支合并到master分支中
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

执行上面的指令后,产生了一个新的提交记录C4,由C4我们可以遍历之前所有的提交记录,但是此时master分支和develop分支仍然指向不同的提交记录
在这里插入图片描述
第四步:继续切换到develop分支,将master分支合并到develop分支中
在这里插入图片描述
现在master分支和develop分支的内容就一样了

VS Code支持Git,因此您可以使用源代码管理无需离开编辑器。您可以通过在VS Code中打开集成的Git功能来管理您的源代码。您可以查看挂起的更改差异,并进行提交、推送和拉取操作,以保持您的代码与远程仓库同步。 要开始使用源代码管理,您需要先安装Git并将其配置为您的系统路径。您可以从VSCode官网下载VSCode并进行安装,该网站提供了详细的下载和安装指南。 一旦您安装了VS CodeGit,您可以打开VS Code并在顶部工具栏中找到Git图标。通过点击该图标,您可以进行各种源代码管理操作,如提交更改、拉取最新代码、推送代码到远程仓库等。您还可以通过查看源代码管理面板,了解当前代码的状态和历史记录。 通过使用VS Code源代码管理功能,您可以轻松地进行版本控制和团队协作。您可以提交您的更改并将其推送到远程仓库,以便其他团队成员可以获取并进行相应的操作。您还可以使用VS Code的比较工具来查看不同版本之间的差异,并决定如何处理更改。 总之,VS Code提供了强大的源代码管理功能,使您可以方便地管理和协作您的代码项目。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vscode代码编辑器-其他](https://download.youkuaiyun.com/download/weixin_38735804/19578555)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [在vsCode中如何使用git工具来管理代码](https://blog.youkuaiyun.com/qq_44409163/article/details/119255841)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值