🥷

VSCodeでGitのコミットを楽に整理して、レビュワーに「コイツできる」と思わせよう。

2024/04/11に公開
2

はじめに

Git Graphという拡張機能を使います。
Git GraphGitLensという拡張機能を使います。[1]
https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

また、gitから開かれるエディタをvscodeにしておきます。

git config --global core.editor 'code --wait'

コミットのまとめかた(1分未満でできるよ)

ステータスバーのGit Graphのボタンをクリックして、Git Graphの画面を開きます。

まとめたいコミットの一つ前のコミット(今回だとinit)を右クリックして、「Rebase current branch on this Commit...」を選択します。

「Launch Interactive Rebase in new Terminal」にチェックを入れて「Yes, rebase」をクリックします。

こんな画面が開きます。

まとめたいコミットを上から順にpickからsquashに変更します。最後の一つはpickのままにしておきます。そして「START REBASE」をクリックします。

新しいコミットメッセージを書くためのエディタが開きます。先頭行に新しいコミットメッセージを書いて保存します。

保存後、エディタを閉じます。するとコミットが一つにまとまりました!

最後に

コミットが整理されていると、レビュワーに喜ばれるし将来コミット履歴を見返す時も楽になります!
また、gitコマンド使い慣れてない人でもVSCodeの拡張機能なら直感的にgit rebaseができるのでオススメです!

脚注
  1. 掲載しているRebase時のエディタはGitLensの機能ということをコメントでご指摘いただいたので修正しました。ご指摘ありがとうございます。 ↩︎

レバテック開発部

Discussion

iwbjpiwbjp

「こんな画面が開きます。」と書かれていますが
これはGitLensの画面なので、「Terminal」にチェックを入れて
「Yes, rebase」をクリックした場合、通常はターミナルで開きます。
https://help.gitkraken.com/gitlens/gitlens-features/#interactive-rebase-editor

ysksndysksnd

インタラクティブエディタはGitLensの無料の範囲の機能だったんですね。
左上に大きくGitLens Interactive Rebaseって書いてありますね。
GitLensのコミットグラフは無料版だと制限がありインストールしたものの使ってなかったので、てっきりGit Graphの機能だと思っていました。