# VSCode上でのGit操作
利用頻度が高いとされるVS CodeでのGit操作を紹介する。
VSCode上でのGit操作は、サイドバーの "Source Control" から行うことができる。ほとんど全ての操作はコマンドパレットからも実行可能だが、説明は割愛する。
# 推奨する拡張機能
GUIでのGit操作にあたり、次の2つの拡張機能をインストールしておくと利便性が高い。業務上はほぼ必須と見て良い。
- GitLens (opens new window)
- Gitに関する様々な機能を提供する拡張機能
- 詳細：: VSCodeでGitLensを使う - フューチャー技術ブログ (opens new window)
- Git Graph (opens new window)
- コミットグラフを表示する拡張機能
- GitLensにもコミットグラフはありますが、Pro（有料版）限定の提供のため、ここではこちらの拡張機能を使用する
以降では、これらの拡張機能がインストールされていることを前提に説明を行う。
# リポジトリのクローン (git clone)
サイドバー > Explorer か Source Control > Clone Repository ボタンをクリックし、URLを入力すると、リポジトリをクローンできる。
# コミットグラフの表示
SOURCE CONTROL パネル > 黒丸のグラフアイコン (View Git Graph (git log)) をクリックすると、コミットグラフを表示できる。
白丸のグラフアイコン (Show Commit Graph) はGitLensのコミットグラフだが、冒頭の記述通り、Pro版でのみの提供となる。
# リモートのフェッチ／プル (git fetch / git pull)
以下のいずれかの操作を実行すると、リモートリポジトリをフェッチできる。
- SOURCE CONTROL パネル > 三点リーダーアイコン (More Actions...) をクリックし、 Fetch を選択
- コミットグラフ > 雲アイコン (Fetch from Remote(s)) をクリック
なお、フェッチ後に以下のようなダイアログが表示される場合があるが、 "Yes" を選択すると、自動で定期的にフェッチを行う。
[TODO] プルを追記する。
# ブランチの作成／チェックアウト (git branch / git checkout)
以下のいずれかの操作を実行すると、ブランチを作成できる。
- SOURCE CONTROL パネル > 三点リーダーアイコン (More Actions...) をクリックし、Branch > Create Branch... を選択
- 現在チェックアウトしているブランチから新規ブランチが作成されますが、Create Branch From... を選択すると、作成元のブランチを選択することができる
- 作成したブランチに自動的にチェックアウトする
- コミットグラフ > 作成元コミットの行上で右クリックし、Create Branch... を選択
- "Check out" にチェックを入れると、作成したブランチにチェックアウトする
[TODO] チェックアウトを追記する。
# ステージ／コミット／プッシュ (git add / git commit / git push)
SOURCE CONTROL パネル > 変更ファイルの行 > +アイコン (Stage Changes) をクリックすると、対象ファイルをステージできる。（Changes > +アイコン (Stage All Changes) をクリックすると、すべての変更をステージする）
必要な変更をステージ後、 SOURCE CONTROL パネル内でコミットメッセージを入力し、 Commit ボタンをクリックすると、コミットを作成できる。
以下のいずれかの操作を実行すると、作成したコミットをリモートリポジトリにプッシュできる。
- SOURCE CONTROL パネル > 三点リーダーアイコン (More Actions...) をクリックし、Push を選択
- BRANCHES パネル > 対象ブランチの行 > 雲アイコン (Publish Branch) をクリック
- コミットグラフ > 対象ブランチの上で右クリックし、Push Branch... を選択
# リバート (git revert)
TODO
# マージ (git merge)
TODO
# リベース (git rebase)
TODO
# スタッシュ (git stash)
TODO