Visual Studio Codeでファイル差分の比較を行う方法

Visual Studio Codeでファイルの差分を比較したいときがあります。
ファイルの比較であればデフォルトの機能で使えます。
差分を確認するには、XCodeについてくる「FileMerge」を使う方法や、Kaleidoscopeという差分に特化したアプリケーションもあります。
ただ、そこまで多くの機能を求めていなくて単純な2つのファイルの差分を見たいだけの場合は、使い慣れているVisual Studio Codeで十分確認できます。
比較方法
Visual Studio Codeでまずは選択したいファイルを2つタブで開いて、shift + command + Pでコマンドパレットを表示します。
「file compare」と入力すると「ファイル: アクティブ ファイルを比較しています…(File: Compare Active File With…)」と表示されるので選択します。

Visual Studio Codeで開いている別のファイルが一覧で表示されるので、比較したいもう1つのファイルを選択します。
すると、選択した2ファイルを比較した差分結果が別タブで表示されます。
比較方法は全部で下記の3つがあります。
ただ、1番使い勝手がいいのが「アクティブ ファイルを比較しています…」なので基本的にこれを使うことになります。
| コマンド | 内容 |
|---|---|
| アクティブ ファイルを比較しています… | 現在開いているファイルと、他ファイルを選択して比較する |
| クリップボードとアクティブ ファイルを比較 | クリップボード内のコードと、現在開いているファイルを比較する |
| 保存済みファイルと作業中のファイルを比較 | 現在開いているファイルの、最後に保存された状態と現状を比較する |



gulp-plumberとgulp-notifyでgulpエラー時にデスクトップで通知がくるようにする
Google Maps APIでピンの見た目をカスタマイズする方法
常時SSL化の設定をしたのに「保護された通信」が表示されない時はパスにHTTPが残っているのかも?
サイトを運営する時必ず登録しておきたいGoogle Search Console(サーチコンソール)の登録方法
Vue CLIのプロジェクト管理用のGUI機能から環境を構築する
ブラウザでこれ以上スクロールできない場合の挙動を制御する「overscroll-behavior」プロパティ
Google Maps APIをローカル開発環境で使用するときの制限設定方法
pointer-eventsプロパティでクリックイベントを無効化にする|気になるCSSプロパティ
効率的なマークアップが出来るようになるEmmetでHTMLを書く時の基本
手軽にコーディングの勉強ができるCodePenをもっと便利に使うための設定
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法