一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)vscode结合git的相关操作详解,案例演示。

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

 (本文操作均在 Gitee 上进行,Gitee 与 Github 操作方式基本基本相同。)

目录

一、搭建 GIt 环境(Windows)

二、VS Code 中 GIt 相关操作

本地类操作

1. 准备项目文件并初始化仓库

2. 添加文件至暂存区

3. 提交暂存区文件至 git 仓库

4. 修改提交后的文件

5. 查看/新建/切换分支

6. 合并分支

7. 临时保存当前分支状态

8. 查看当前文件做了哪些修改

远程类操作

1. 新建 GIt 仓库

2. 克隆项目(git clone)

3. 推送项目(git push)

4. 克隆云端的项目至本地(git pull)


一、搭建 GIt 环境(Windows)

1. 先下载安装 GIt, 随后注册 Git 用户名与邮箱,此步骤在往期文章已有讲述,此处不再赘述;

一文带你精通 Git(Git 安装与使用、Git 命令精讲、项目的推送与克隆)_Developer 小马的博客-CSDN博客本文详细介绍了GIT的使用方式,包括GIT介绍、安装、相关的命令解释,还有项目上传至云端与克隆至本地。一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)https://blog.csdn.net/weixin_53072519/article/details/1228248602. 生成 SSH 公钥与密钥;

        右键打开 Git Bash Here;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

使用命令 ls .ssh 检查我们的目录下是否已经有公钥和私钥(如下是没有的);

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

创建公钥和私钥,使用命令 ssh-keygen -t rsa -C “邮箱” 

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

此时公钥私钥已经生成,注意提示的路径;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

3. 将公钥添加到 GitHub/Gitee;

        复制公钥;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

进入 Gitee –> “设置” –> “SSH 公钥”,添加新的公钥;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

添加成功后如下;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

4. 测试 SSH 连接;

        使用命令 ssh -T git@gitee.com 进行测试,出现 hi… 字样,即连接成功;

        同样在使用 GIthub 时使用命令 ssh -T git@github.com 即可;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

二、VS Code 中 GIt 相关操作

(在这里我将使用一个空文件夹 git 作为项目文件进行相关的演示操作。)

本地类操作

1. 准备项目文件并初始化仓库

        新建项目文件夹 git 作为项目;桌面进入 Git Bash Here,输入命令 code git 使用 vs code 打开我们的项目文件夹;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

vs code 中进入源代码管理,点击存储库的初始化。这步也就完成了 git 仓库的初始化,此时可以看到文件夹已有 .git 文件夹(默认隐藏,需要设置显示隐藏文件即可看到);

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

随后在项目文件 git 中新建文件 demo.html;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

此时我们可以看到新建的文件为绿色,且后面有 U 字提示;U 意为 Untracked 未追踪,也就是说此文件目前仅在我们本地,未被 git 进行跟踪。

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

2. 添加文件至暂存区

        进入源代码管理,点击所要操作文件后面的 “+”,即可将文件添加至暂存区,相当于执行命令 git add;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

此时文件名仍然为绿色,但是后面的 U 变成了 A,A 则意为此文件已在暂存区。

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

3. 提交暂存区文件至 git 仓库

        将暂存区的文件提交至 git,进入源代码管理,在消息框中输入相关备注,然后点击 “√” 即可进行一次提交,也可使用 Ctrl+Enter 快捷键直接提交;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

此时文件颜色变为正常,且无字母提示,说明文件已提交至 git。

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

        提交也可使用快速提交方式,所谓快速提交就是将新文件或者修改后的文件直接提交,而不用先保存至暂存区。省略了添加至暂存区操作;

如下,如果我们将修改后的文件未保存至暂存区就进行了提交,vs code 会给出警告,这时我们选择“总是”,即可在未来的操作中自动省略添加至暂存区操作。

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

4. 修改提交后的文件

        将提交后的文件内容进行修改后,文件名称会有如下提示;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

此时文件名变为黄色,且有提示字母 M;M 意为 modify,即已修改。

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

想要撤销修改,进入源代码管理,点击返回箭头放弃更改即可;

5. 查看/新建/切换分支

        点击 vs code 底部状态栏的 “master” 即可显示项目中的分支,此处的 master 意为当前所在分支为 master;如下图所示,项目中只有一个 master 分支;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

创建分支点击 “+ 正在创建新分支…”;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

此时项目中已有两个分支;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

切换分支只需点击对应分支名称即可;

6. 合并分支

        我们先在新建的 xiaoma 分支中修改文件内容并提交;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

随后切换到 master 分支,此时 master 分支是没有修改后的内容的;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

接下来进行合并,首先点击设置图标 “⚙” 打开命令面板;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

在命令面板中搜索 git merge,找到合并分支操作,点击合并分支;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

此时 master 分支已有 xiaoma 的相关操作;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

7. 临时保存当前分支状态

        当我们在工作过程中代码写到一半,并没有完成某个模块的开发,而这时又不得不离开当前分支切换到另一个分支时,就需要将当前分支的状态进行临时保存(储藏、藏匿),相当于 git 命令 git stash;

当在当前分支做了一定的修改后,点击更多 “···”,找到存储–>储藏;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

8. 查看当前文件做了哪些修改

        当我们正在修改已经提交到 git 的文件内容时,vs code 会即使提示我们做了哪些操作,相当于 git 命令 git diff,如下:

蓝色代表此处已经被修改或者删除
绿色代表此处代码为新增内容

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)


远程类操作

1. 新建 GIt 仓库

        远程类操作需要结合 Gitee 进行,所以我们先在 gitee 中新建一个仓库,进入 gitee 首页点击+新建仓库;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

创建好的仓库如下,我们已经有了 SSH 地址;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

2. 克隆项目(git clone)

        首先复制新建仓库所获得的 SSH 链接,打开 vs code 中的命令面板,输入 git clone 找到克隆选项;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

点击后粘贴我们的 SSH 地址,回车,这时候 vs code 会提示我们选择一个地址用于存放克隆的项目,随后开始克隆,如下;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

克隆成功后即可在本地打开项目。

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

3. 推送项目(git push)

        我们先在刚刚克隆的项目中随意创建一些文件并将它们提交;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

进入源代码管理,点击更多 “···” 找到 push 进行推送;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

推送成功后如下,在 Gitee 中可以看到我们的提交记录;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)


4. 克隆云端的项目至本地(git pull)

        在 Vs Code 中拉取云端项目,进入源代码管理,选择更多 “···” ,选择 “拉取”,即可进行 pull 操作;

一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)

注意:每当进行推送项目(push)时,最好先拉取一下云端代码(pull)以保证云端已经更新到最新状态,防止推送项目后造成代码冲突;


WebStrom+Git 详细操作教程:https://blog.csdn.net/weixin_53072519/article/details/122044299

一文精通 Git:https://blog.csdn.net/weixin_53072519/article/details/122824860

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/172114.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 最短路径-Floyd算法的matlab实现.md「建议收藏」

    最短路径-Floyd算法的matlab实现.md「建议收藏」最短路径-Floyd算法的matlab实现​ 弗洛伊德算法是解决任意两点间的最短路径的一种算法,可以正确处理有向图或有向图或负权(但不可存在负权回路)的最短路径问题。​ 在Floyd算法中一般有两个矩阵,一个距离矩阵D,一个路由矩阵R,其中距离矩阵用于存储任意两点之间的最短距离,而路由矩阵则记录任意两点之间的最短路径信息。其思想是:如果可以从一个点进行中转,就进行比较从这个点中转和不中转的距…

    2022年6月22日
    144
  • 2021pycharm 激活码[在线序列号]

    2021pycharm 激活码[在线序列号],https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月20日
    65
  • leetcode-84柱状图中最大的矩形(单调栈)「建议收藏」

    leetcode-84柱状图中最大的矩形(单调栈)「建议收藏」原题链接给定 n 个非负整数,用来表示柱状图中各个柱子的高度。每个柱子彼此相邻,且宽度为 1 。求在该柱状图中,能够勾勒出来的矩形的最大面积。以上是柱状图的示例,其中每个柱子的宽度为 1,给定的高度为 [2,1,5,6,2,3]。图中阴影部分为所能勾勒出的最大矩形面积,其面积为 10 个单位。示例:输入: [2,1,5,6,2,3]输出: 10题解对于每一个长方体,找出左边比他小的第一个长方体和右边比他小的第一个长方体,然后遍历求结即可class Solution {public

    2022年8月8日
    4
  • hostapd配置

    hostapd配置我们有个闲置的USB无线适配器(WIFI适配器),而我们的ISP路由器却是有线的。怎样把我们的家庭NAS服务器变成无线访问点(WAP),在不用买额外的WPA盒子的情况下,在Debian或Ubuntu系统下使用无线设备访问到它?你需要使用hostapd作为访问点和认证服务器。它实现了IEEE802.11访问点管理,IEEE802.1X/WPA/WPA2/EAP授权,RADIUS客户端,…

    2022年5月21日
    220
  • SnackBar_冲洗器使用方法图解

    SnackBar_冲洗器使用方法图解我们在googlekeep中删除记事块儿时,下面会弹出一个小条儿,问你是否撤消,一段时间后自动隐去,同时右划也可以使它隐去。最初我以为这个小条儿是做的一个自定义控件,后来无意中发现不用这么麻烦。Go

    2022年8月4日
    8
  • C语言 system函数[通俗易懂]

    C语言 system函数[通俗易懂]Windows函数windows操作系统下system()函数详解(主要是在C语言中的应用) 函数名:system功能:发出一个DOS命令用法:intsystem(char*command);system函数已经被收录在标准c库中,可以直接调用程序例:#includestdlib.h>#includestdio.h>intmain(void){printf(“Aboutt

    2022年9月18日
    2

发表回复

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

关注全栈程序员社区公众号