前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Git实用教程(九)| 使用VS Code进行Git可视化操作

Git实用教程(九)| 使用VS Code进行Git可视化操作

作者头像
Mculover666
发布2020-07-16 10:58:56
29.4K0
发布2020-07-16 10:58:56
举报
文章被收录于专栏:TencentOS-tinyTencentOS-tiny
Git实用教程专栏回顾
  • Git实用教程(一) | 为什么需要版本控制?(以嵌入式项目开发为例)
  • Git实用教程(二) | Git简介及安装详解
  • Git实用教程(三) | Git本地库操作(仓库初始化、提交修改)
  • Git实用教程(四) | Git本地库操作(查看提交历史、版本前进回退)
  • Git实用教程(五) | Git本地库操作(分支管理)
  • Git实用教程(六)| Github远程库操作(创建、拉取、推送、克隆)
  • Git实用教程(七)| Github远程库操作(邀请远程库协作者)
  • Git实用教程(八)| Github远程库操作(使用PR贡献代码)

0. 使用VS Code进行Git可视化操作

VS Code内置了对Git的支持,可以使用图形化界面方便的进行版本控制,比如暂存,提交更新,推送,拉取这些常规操作,特别在比较文件差异方面有着得天独厚的优势,但是前提是:

  • 已经安装了VScode并且了解其使用
  • 电脑上必须安装了Git并且你了解Git的常用命令行操作

1.设置git.path

Git的安装可以参考我的第二篇文章(Git实用教程(二) | Git简介及安装详解),在安装过程中有一步如下:

大多数人经常使用的是Git自带的命令行工具Git bash,为了不影响其它windows命令,安装时会选择第一个,那么,VS Code启动后是找不到Git所在位置的,必须要自己设置git.path,否则打开Git存储库(如果是普通文件夹,请先使用git init初始化为Git仓库)会出现如下提示:

切换到源代码管理视图,也可以看到错误提示:

解决方法如下:

  1. 使用Ctrl+Shift+P打开命令面板,输入setting,选择首选项:打开设置(json)
  1. 添加git.path一项,目录为当前电脑上git.exe所在目录,如图:
  1. 保存,重新用VS Code打开Git存储库:

2.本地库基本操作

2.1.修改文件

对本地库进行修改,创建一个新的test.c文件,并添加一段代码,可以看到VS Code会自动显示出更改

2.2.暂存修改

在命令行中将当前修改暂存使用命令git add <文件名>,但在VS Code中,可以以图形化方式操作,并且可以清楚到当前暂存区和修改区的内容:

2.3.提交更新到本地库

同样,在命令行中将暂存区内容提交到本地库使用命令git commit -m <提交信息>,在VS Code中,可以以图形化方式操作:

点击提交按钮之后,会弹出输入提交信息的对话框,输入提交信息即可:

修改区和暂存区内容清空,如图:

3.安装Git扩展添加更多功能

VS Code内部集成的Git仅仅支持一些基本操作,我们可以安装Git扩展来支持更多功能,比如git-extension-pack这个扩展:

在VS Code扩展搜索git,选择该扩展,安装:

3.1.查看提交历史

3.2.随时查看当前内容的状态

3.3.随时查看仓库状态

3.4.查看文件差异

3.5. 切换当前分支

3.6. 查看分支之间的差异和合并分支

可以看到结果如下:

查看文件差异之后将分支合并到master,打开命令行输入git merge

选择要合并到当前分支的分支:

如果可以自动合并失败,则会出现以下界面:

直接在编辑器中手动修改冲突,修改之后保存即可:

4.远程库操作

注:如果本地的存储库是克隆下来的,或者已经手动添加了远程库地址,则可以直接进行推送和拉取操作。

4.1.在Github上新建一个远程库

4.2.添加远程库

使用Ctrl+Shift+P打开命令面板,输入git add,选择添加远程库

填写远程库地址的别名

填写远程库地址:

4.3.推送内容到远程库

5.更多Git操作

至此,使用VS Code配合Git进行一些本地库和远程库基本操作就讲述完了,些许有些意犹未尽,其实,VS Code内置的Git扩展还有很多命令可以执行,比如:初始化本地库,克隆远程库,拉取远程库内容等等,使用Ctrl+Shift+P打开命令面板,输入git即可看到所有,有兴趣的小伙伴可以自己尝试一下:

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-10-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Mculover666 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 0. 使用VS Code进行Git可视化操作
  • 1.设置git.path
  • 2.本地库基本操作
  • 2.1.修改文件
  • 2.2.暂存修改
  • 2.3.提交更新到本地库
    • 3.安装Git扩展添加更多功能
    • 3.1.查看提交历史
    • 3.2.随时查看当前内容的状态
    • 3.3.随时查看仓库状态
    • 3.4.查看文件差异
    • 3.5. 切换当前分支
    • 3.6. 查看分支之间的差异和合并分支
      • 4.远程库操作
      • 4.1.在Github上新建一个远程库
      • 4.2.添加远程库
      • 4.3.推送内容到远程库
        • 5.更多Git操作
        相关产品与服务
        命令行工具
        腾讯云命令行工具 TCCLI 是管理腾讯云资源的统一工具。使用腾讯云命令行工具,您可以快速调用腾讯云 API 来管理您的腾讯云资源。此外,您还可以基于腾讯云的命令行工具来做自动化和脚本处理,以更多样的方式进行组合和重用。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档