这样行云流水般提交代码的体验真是爽爆了!

373 阅读4分钟

在项目开发中,要问使用最多的终端命令是什么,那就是git相关的命令,对于最频繁操作的 git 命令,我在《Mac键指如飞攻略之终端alias配置》这篇文章里提到了使用 alias 来简化命令,使得对于频繁操作的提交命令如git commitgit push等整合成了一个命令,如:

gci msg // 暂存代码并提交到本地仓库

gcp msg // 暂存代码并提交到本地仓库同时推送到远程仓库

也就是说通过gcigcp就可以实现本地代码的快速推动到远程的仓库,这篇文章里所做的只是对于 git 命令拼写的简化,也就是减少了对于提交代码操作所需要的输入 git 命令字符的数量。

但存在的痛点仍然还有:

  • 经过alias后的git提交命令仍然需要键盘手输
  • 提交的commit信息还是要手输

之前一直都没有太好的解决方式,直到发现GitHub Copilot更新后在代码管理工具里提供了使用 ai 生成commit信息后,以上的两个痛点才得到了解决。

经过一番探索,最终实现了,无需键盘字符输入无鼠标点击的全键盘操作提交代码,彻底抛弃提交代码命令,极大的提升代码提交的效率。

这里先附上最终实现的效果图:

可以看到整个提交代码的流程我都是没有输入任何命令的,完全都是使用快捷键来实现的,整个提交代码的操作非常的行云流水。其整个操作大致经过了如下四个步骤:

  • 使用快捷键从资源管理器切换到源代码管理器
  • 使用GitHub Copilot生成commit信息的快捷键
  • 使用提交代码的快捷键
  • 使用推送到远程仓库的快捷键

下面我就说下具体的实现步骤:

使用快捷键从资源管理器切换到源代码管理器

vscode 中活动侧边栏都有系统内置的快捷键,分别是

  • 切换到资源管理器⌘ + ⇧ + e
  • 切换到全局搜索⌘ + ⇧ + f
  • 切换到源代码管理器⌘ + ⌃ + g
  • 切换到扩展⌘ + ⇧ + x

在一个步骤,我就是从资源管理器的目录,使用切换源代码管理器的快捷键切换到源代码管理 tab,此时焦点聚焦在了源代码提交的输入框内。

使用GitHub Copilot生成commit信息的快捷键

使用⌘ + ⇧ + x切换到扩展,进入 vscode 扩展商店,搜索Copilot,安装GitHub Copilot,不需要配置,登录自己的github账号就行

安装完成后我们再使用⌘ + ⌃ + g来切换回源代码管理器,就可以看到在输入框的右侧多了一个小✨的小图标,点击后就会调用github copilot提供的智能生成commit信息功能:

当然点击生成 commit 信息不是我们想要的操作,会打断我们整个的无鼠标提交代码流程,这个命令默认是没有配置快捷键的,图上显示的快捷键是我配置后展示的,下面我们就为这个命令匹配快捷键。

打开 vscode 键盘快捷键配置(不知道怎么进入的,可以看我往期文章),搜索:github copilot,第三个就是我们的目标匹配结果,为其设置快捷键⌘ + ⌃ + m,之所以如此设置,是因为m代表了message的含义,表示我们使用这个快捷键来生成提交信息,⌘+⌃的修饰符组合,也不会与其他快捷键冲突,这个快捷键配置可以放心食用。

使用提交代码的快捷键

生成提交信息后,下一步就是将代码提交到远程仓库,土办法当然是点击源代码管理器搜索框下面的提交按钮,但是鼠标操作自然是我们所摒弃的,这个提交操作不需要额外的快捷键配置,直接使用 ⌘+enter就会提交到本地仓储。

使用推送到远程仓库的快捷键

完成了本地仓储的提交,下面一步就是提交到远程仓库,这一步骤 vscode 没有默认的快捷键,但是内置的源代码管理器却提供了相关的命令,所以我们只需要给给相关的命令绑定快捷键就行,同样的打开vscode 键盘快捷键配置,搜索推送,看到Git:推送这个命令就是我们想要的结果,设置快捷键⌘ + ⌃ + p。这样设置的原因是,p代表了push的含义,而且⌘ + ⌃的修饰符组合也和第二步骤保持了一致,使得整个操作的快捷键记都非常统一,且易于记忆。

总结

经过上述的四个步骤,我们就可以实现一次行云流水般的无鼠标点击的提交代码操作,从提交信息到推送到远程仓库全程键盘操作,几秒内完成。

若能熟练掌握这套快捷键,各位coder的提交代码的速度将无人能及。