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に必要な機能はここにひと通り揃っています。


「DevTools z-index」でz-indexがかかっている要素をChrome開発者ツールに一覧表示させる
WordPressで「予約投稿の失敗」となってしまう場合の対処方法
Vue CLIでの画像パスの指定方法・配置場所まとめ
Post Snippetsを使ってWordPressでショートコードをの登録と管理をもっと楽に!!
Visual Studio Codeのファイル横に表示されるファイルアイコンのテーマまとめ
HTMLタグの入力をラクにするスニペット集
サイトを運営する時必ず登録しておきたいGoogle Search Console(サーチコンソール)の登録方法
WebPに対応して画像サイズを最適化する方法
JavaScriptで特定のOSやブラウザの判定を行う方法
Nuxt.jsでaxios-moduleを使ってAPIからデータを取得・表示する|Nuxt.jsの基本
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Orbital 2と修飾キーの同時押しで、別のショートカットキーを発火させる方法
Macの画面を手軽に録画できるアプリ「Kap」
Figmaで様々なグラフ・チャートが作れて、詳細な見た目の設定もできるプラグイン「Chart」
Macを起動したのが平日か休日か判定して、起動するアプリを変えるKeyboard Maestroマクロの作り方
アイコンフォントをPCにインストールしている場合は、コーディング後の確認に注意
Path Finderがバージョン9.2にアップデート!ロックダウン期間中は無料トライアル期間が30日から60日に延長!
Figmaプラグインのインストール方法とその管理方法
JavaScriptのforEach内で「continue」や「break」のような動作をさせる方法
iStat Menusの「CPU & GPU」アイコン表示と設定