VScode 结合git的全面使用流程(上)

本文章转载转载自 智伤帝的个人博客 - 原文链接

前言

  几个月前写过一篇文章,阐述了怎么搭建 git 的环境,方便在服务器上管理好自己的代码。
  最近和师弟他们沟通,发现他们依然用着原始的压缩包备份的方式来管理代码,于是就打算写一篇完整的使用教程,方便你我他。

git介绍

  这里需要阐明一个概念,说到 git 很多人会想到 github
  其实 github 只是 git 的远程服务器端而已,github并不等于 git ,实际上 git 是一个代码管理软件。
  不用 github 也可以用 gitlab 或者 国内的 码云 和 coding
  如果不需要图形化界面的话,甚至不需要把代码放到github上,完全可以在自己搭建的服务器上进行代码同步管理。

  说到 git 也很容易联想到一个老牌的代码管理工具 SVN
  其实两者在使用上的区别不是很大,重点是 git是去中心的分布式管理, SVN 则刚好相反。
  不过我自己也没有深入使用 SVN ,因此我也是在网上看的文章得到的片面之词,只是阐述自己目前的理解。

  SVN就好比银行,我们所有的交易都要以它为中心进行解算,因此银行之下的我们是不知道所有的数据的,我们只需要管理好手中的数据就可以了。
  git的话就是每个人都是银行,所有的交易都会同步到每个人的身上。
  SVN管理的好处就是简单清晰,管理好自己负责的代码即可。
  git的好处就是代码安全,如果中心服务器挂了,每个人都可以成为中心来重新建立彼此的同步。
  当然现在大行其道的是 git 代码管理。
  至于更多SVN 和 git 区别可以参考 链接

git 使用

  git本质上是一个命令行工具,可以去到 git 的官网安装其客户端。 链接
  安装成功之后就可以在命令行上输入 git 获取到 git 的操作指令了。

image

  下面关于 git 的命令行使用就详细说明了,可以参考菜鸟学院里面的教程 链接
  下面是一些常用的命令

git init  // 初始化本地仓库
git config --global user.name "myname"  // 配置用户名
git config --global user.email "myname@mymail.com"  //配置邮箱
git remote add origin code@github.git  //绑定本地和远程仓库 
git pull   // 拉取远程仓库的变化来同步本地的状态
git add  // 确认本地仓库的变化到本地缓存区
git commit  // 确认本地缓存区的内容,可以准备push
git push   // 提交本地仓库到远程仓库
git status   // 确定本地缓存区的状态

  补充一下配置了 user 之后就可以在 git 上看到上传代码的用户,这个未必和github用户一样的。
  另外如果上传到 github 的话需要github账号的验证,每次都需要输入账号密码很麻烦。
  可以利用 ssh 进行 github 免密登录 链接

github ssh免密登录

  ssh 是通过 口令的机制 实现免密登录的。
  目前后端的服务器登录很常用的免密登录技术,由于口令非常复杂且无序,比输入人为的密码要安全很多

$ ssh-keygen -t rsa -C "myname@mymail.com"


Generating public/private rsa key pair.
Enter file in which to save the key (/d/Users/82047/.ssh/id_rsa): test
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in test.
Your public key has been saved in test.pub.
The key fingerprint is:
SHA256:9h/yLOap8OzlXb5s440DqmXAVeHqwik+/azYi21YRI0 myname@mymail.com
The key's randomart image is:
+---[RSA 3072]----+
|         o  o.   |
|        E .o     |
|       .  . .    |
|       ... .     |
|       .S .      |
|       o.=  .    |
|      o++ B....  |
|     .oXoB+B =+o |
|      ++@O*.=o*+.|
+----[SHA256]-----+

  ssh-keygen -t rsa -C "myname@mymail.com" 语句
  默认情况下生成名字为 id_rsa ,也可以输入自定义的名字
  下面的 passphrase 可以不填写,直接留空即可
  会在当前两个文件 id_rsa 和 id_rsa.pub
  我上面输入了 test ,因此生成了 test 和 test.pub 文件。

  不过秘钥的存放路径是在 用户文件夹下的 .ssh 目录 (默认生成的 id_rsa 会在那里)

image

  如果秘钥不放在这个路径是读取不了的。
  下面可以打开我刚刚生成的两个秘钥文件,直接用文本编辑器打开即可。

image

image

  第一张图是私钥
  第二张图是带pub 后缀是公钥 , pub 就是 public 的缩写。

  可以看到两个文件是一长串乱码。
  可以简单将公钥理解为锁,私钥就是唯一匹配这把锁的钥匙。
  从这个乱码的复杂程度可以知道它的安全性是很高的,如果秘钥没有暴露的话基本上无法破解的。

  后面的操作就是将 pub 的公钥添加到 github 账号的位置即可,具体操作可以参考上面提供的链接的截图操作。
  github1每次需要登录信息的时候,都会调用 .ssh 目录下的秘钥进行匹配,匹配成功即登录成功。


  .ssh 目录可以添加一个 config 文件(不带后缀),可以参考下面的格式填写。

#Default GitHub
  Host github.com
  HostName github.com
  User git
  IdentityFile ~/.ssh/id_rsa

  Host github-personal
  HostName github.com
  User git
  IdentityFile ~/.ssh/821412111

  Host l0v0.com
  HostName 129.204.87.195
  User git
  IdentityFile ~/.ssh/blog
  

  这个配置文件可以根据 clone 网址配置来读取不同秘钥
  比如说github上面默认 clone 下来的网址是 git@github.com:FXTD-ODYSSEY/mpdb.git
  @后面的部分就是 Host
  可以像我上面那样修改 Host 对应的名字调用不同的秘钥进行登录 (如果秘钥是不同的 gihub 账号就可以免密切换登录账号)
  HostName 就对应的 IP 地址 (域名的背后也是根据 DNS 服务获取 IP 地址,可以利用 ping 命令获取域名地址)

  理解这个之后就可以根据我上面的 ip 地址来登录我自己构建的服务器的 git
  比如说 git@l0v0.com:/home/git/repos/blog.git
  就会调用我上面的 blog 的秘钥然后利用服务器上的 ssh 服务来登录服务器。

  因此免密登录更加安全,也更加方便。

VScode 内置 git 使用方法

  经过前面一通的铺垫之后,终于开始今天的主角了。
  VScode 默认内置 git 的支持,当然图形化界面客户端也不一定要用 vscode ,git本身自带了一个图形化界面
  安装了 git 之后在任意目录下右键就有 Git Gui Here 的选项

image

  使用上其实大同小异,VScode本身的功能加上插件辅助基本也可以实现差不多的效果。

认识界面

image

  主要包含上面的按钮以及菜单的选项。
  不过通常只会菜单里的功能通常只会用到 pull 和 push 而已,其他杂七杂八的选项都可以不管。

文件更新示例

image

  当你对仓库已经被跟踪的文件进行修改的时候,会有三种文件状态。

  • M 是 modify 的缩写即该文件存在修改
  • D 是 delete 的缩写即该文件被删除了
  • U 是 Update 的缩写即该文件是新添加
image

  选中显示的文件可以对比前后修改的区别。

commit 代码

image

  文件按钮的的意思。
  如果是新添加的文件,放弃修改就会提示彻底删除文件。
  如果是删除的文件,选择放弃修改就会从仓库中恢复文件(再也不用担心误删的文件找不到了)
  点击 + 号确认文件的修改就会提到 stash Changes 上 (对应 git add 命令)

image

  确认了文件之后,在输入框输入这次更新的内容,然后点击打勾就可以保存这一次更新了 (对应 git commit 命令)
  如果当前所有的 Changes 都要 commit ,那可以直接输入上传的信息并且打勾就可以快速 commit 了。

push 代码

image

  这个时候 vscode 的右下角就会出现上箭头的数字为 1 (上箭头是push的更新,下箭头是可以pull的更新)
  当然如果之前没有 push 过代码的话,这个可能会没有数字显示。
  这个时候就可以将代码 push 到 github 上了 (对应 git push 命令)

image

  完成这一步之后就可以打开 github 仓库查看代码的更新了。


<center>补充</center>

  另外 push 的时候如果没有设置 ssh 秘钥登录的话, VScode 会弹出账号密码的输入窗口进行登录。
  默认情况下个人仓库只能仓库创建者更新仓库代码,第三方的更新只能发布 pull request (这个流程后续补充)
  这因为如此,github 的 public 仓库可以被所有人读取,但是只有仓库拥有者可以对仓库进行写入(需要登录)
  因此多人协作的话可以使用 github 组织功能,参与开发的人加入到组织,然后再让组织开发成员的写入权限即可。


github 查看代码

image

  打开 github 的仓库可以看到之前 commit 的信息已经显示出来了。

  这个就是 git 的基础用法,只需掌握上面的步骤就可以完成个人开发并且把代码上传到 github 。
  如果只是在一个电脑上开发,基本上也不会用到 pull 的功能的。

pull 代码

  有时候比如说公司和家里分别开发代码,那么 push 之后两边的电脑就不同步了。
  这个时候就需要 pull 拉去 github 上的新代码来实现仓库同步。
  也可以通过 vscode 右下角的下箭头看到仓库是否可以 pull

image

  然后点击菜单的 git pull 进行仓库更新 (对应 git pull 命令)

分支切换

  代码开发的过程中,可能有不同的开发思路或者不同版本的代码想要留存个快照。
  可以通过创建分支来实现,默认的仓库其实也是一个分支,默认名字叫做 master
  vscode 可以直接在左下角创建分支

image

  在上面的输入框中输入分支的名字即可

image

  我在上面创建了 release 分支,这样我就可以在 VScode 切换到 release 分支
  我可以像之前那样对 release 分支进行各种修改 push 和 pull,这些修改就不会影响到 master 分支了。

image

  第一次上传新的分支 VScode 会有弹窗提示。
  上传成功之后也可以通过 github 来切换查看分支。

image

总结

  上面就是 VScode 内置 git 的支持,基本覆盖日常的使用流程。
  如果是个人开发已经完全够用了。
  但是如果涉及到一些团队协作的功能,那么 VScode 还是不够强大,比如处理代码冲突之类的支持就不太友好。
  那么下一篇就来介绍 VScode 的功能增强实现。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 151,511评论 1 330
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 64,495评论 1 273
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 101,595评论 0 225
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 42,558评论 0 190
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 50,715评论 3 270
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 39,672评论 1 192
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,112评论 2 291
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 29,837评论 0 181
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 33,417评论 0 228
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 29,928评论 2 232
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,316评论 1 242
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 27,773评论 2 234
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,253评论 3 220
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,827评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,440评论 0 180
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 34,523评论 2 249
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 34,583评论 2 249

推荐阅读更多精彩内容