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番使い勝手がいいのが「アクティブ ファイルを比較しています…」なので基本的にこれを使うことになります。
| コマンド | 内容 |
|---|---|
| アクティブ ファイルを比較しています… | 現在開いているファイルと、他ファイルを選択して比較する |
| クリップボードとアクティブ ファイルを比較 | クリップボード内のコードと、現在開いているファイルを比較する |
| 保存済みファイルと作業中のファイルを比較 | 現在開いているファイルの、最後に保存された状態と現状を比較する |



Backlogで2段階認証を設定後、SourceTreeでアカウントエラーが発生する場合の対処法
疑似クラスの:hoverと:activeのスマホでの挙動の違い
Visual Studio Codeで複数ファイルを編集するときにタブやペインの操作方法
Visual Studio Codeで「.html」拡張子以外のファイルでもEmmetを使えるようにする
ダミーとして使うURLは適当に入力せず、決まったものを使うようにしよう
Visual Studio CodeでToDoコメントを一覧で表示する拡張機能「Todo Tree」
Visual Studio Codeとスニペット・ドキュメント検索アプリの「Dash」連携を行うプラグイン
webpackでTop-Level Awaitを使用して、一番上位でもawaitを使えるようにする方法
Dart Sassの変数の基本的な使い方|Dart Sass入門
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Figmaのサイズの大きい画像を縮小せずにインポートするプラグイン「Insert Big Image」
Figmaで図形の分割をして簡単にレイアウトを作成する拡張機能「Split shape」
Keyboard Maestroの「Prompt for User Input」でユーザーの入力に応じて変化するマクロを作成する方法
Path Finder 8から大幅に強化されたモジュール機能の設定方法
AlfredのDefault Resultsを変更して、Google検索をラクにする方法
Google Chromeのブックマークバーを「新しいタブ」でも非表示にしたい
macOSのシステム環境設定「インターネットアカウント」の設定見直し
macOSで画面を拡大縮小するズーム機能の設定
AirPods ProをiPhoneの背面タップで接続できるようにする
Dashの時間と日付のフォーマット設定方法