ツール

VS Code 標準 Git 機能の使い方

VS Code に最初から搭載されている Git 機能だけで基本操作を行う方法

VS Code 標準 Git 機能の使い方 eyecatch

Source Control パネル

VS Code にはGit が標準搭載されており、拡張機能なしでも基本的な Git 操作が可能です。

左サイドバーの分岐アイコン(Source Control)をクリックすると、変更ファイルの一覧が表示されます。

ファイル名の横にある M(変更)、U(未追跡)、D(削除)などのアイコンで状態がわかります。

ステージングとコミット

  1. ファイルをステージング

    変更ファイルの横にある + ボタンをクリックします(git add 相当)。Changes ラベル横の + ですべてを一括ステージングできます。

  2. コミットメッセージを入力

    パネル上部のテキストボックスに書きます。複数行の場合は改行も使えます。

  3. コミットを実行

    チェックマークボタン、または Ctrl+Enter でコミットします。

差分ビューア

Source Control パネルでファイルをクリックすると、差分(diff)がサイドバイサイドで表示されます。

左側が変更前、右側が変更後です。

追加行は緑、削除行は赤でハイライトされます。

インラインビューに切り替えるには、右上の「...」メニューから「Inline View」を選択します。

ブランチ切り替え

  1. ステータスバーのブランチ名をクリック

    ウィンドウ左下に現在のブランチ名が表示されています。クリックするとブランチ一覧が開きます。

  2. 切り替え先を選択、または新規作成

    一覧から既存ブランチを選べば切り替え、「Create new branch」を選べば新規作成できます。リモートブランチも同じ一覧から選択できます。

  3. コマンドパレット経由でも OK

    Ctrl+Shift+P → Git: Checkout to でも同じ操作が可能です。

関連コマンド