Visual Studio Codeでできる最低限のGit操作方法

Visual Studio CodeではデフォルトでGitの管理機能がサポートされています。
わざわざGitのGUIアプリと切り替えたり、ターミナルと行ったり来たりしなくてもいいので、こまめなコミットがしやすくなります。
今回はVisual Studio Codeを使った、最低限のGit操作方法についてまとめておきます(Gitはある程度理解している人向けの記事になります)。
Git SCMの表示
Visual Studio CodeでGit機能が使えるサイドバーのことをGit SCM(Gitソース管理マネージャー)と言います。
.gitフォルダが入っているフォルダをVisual Studio Codeで開くと、このGit SCMが使えるようになります。使いたいときは、サイドバーにある、道が枝分かれしたようなアイコンをクリックするか、control + shift + Gで表示ができます。

変更をコミット
コミットするまでの間はエディタでは変更した箇所に変更内容に応じた線が表示され、ファイルを変更して保存すると、Git SCMの「CHANGES」にファイルが溜まっていきます。
ファイルの「+」アイコンをクリックすると、ファイルステージへ移動できます。

コミットしたいファイルをひと通りファイルステージへ移動させたら、上の入力欄にコミットメッセージを入力して、command + enterを押すか、上のチェックマークを押すとコミットできます。
ブランチの作成や切り替え
ブランチの作成などはVisual Studio Codeの左下にある「master(現在のブランチ名)」をクリックすると、ブランチの作成や切り替えができる入力画面が表示されます。

ブランチ名を入力して「Create new branch…」を選択すると新規でブランチを作成できますし、ブランチ名を選択すればそのブランチに移動できます。
Git関連のメニュー
それ以外の機能に関しては、Git SCMのコミットメッセージ上にあるメニューから行えます。
Gitに必要な機能はここにひと通り揃っています。


Visual Studio Codeで「.html」拡張子以外のファイルでもEmmetを使えるようにする
Visual Studio Codeで開始タグを修正すると自動で閉じタグも修正してくれる拡張機能「Auto Rename Tag」
Nuxt.jsの「layouts」を使用してレイアウトの共通化を行う方法|Nuxt.jsの基本
SourceTreeの外部Diff / MergeツールをKaleidoscopeに設定する
効率的なマークアップが出来るようになるEmmetでCSSを書く時の基本
WordPressのメディアライブラリで画像を追加するときに表示される「HTTP エラー」の解消方法
「とりあえず無料版!」ではなく、機能を知った上で判断したいMAMPとMAMP PROの比較
Vue CLIでの画像パスの指定方法・配置場所まとめ
Visual Studio Codeで読み込んだCSSで設定されているclass名の入力補完をしてくれる拡張機能「HTML CSS Support」
iOSシミュレーターを使ってWebサイトを開発者ツールを見ながら実機表示で開発する方法
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Path Finderを使ってキーボードだけでファイル操作する方法(応用編)
macOSのコマンドパレット比較!SpotlightとAlfred、Raycastどれを使えばいい?
1つのノートアプリにすべて集約するのをやめた理由|2025年時点のノートアプリの使い分け
Notionログイン時の「マジックリンク」「ログインコード」をやめて普通のパスワードを使う
AlfredでNotion内の検索ができるようになるワークフロー「Notion Search」
Gitで1行しか変更していないはずのに全行変更した判定になってしまう
Macでアプリごとに音量を調節できるアプリ「Background Music」
Macのターミナルでパスワード付きのZIPファイルを作成する方法
MacBook Proでディスプレイのサイズ調整をして作業スペースを広げる