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のwatch機能を使って、監視ファイルに変更があった時にタスクを実行する
iTerm2で起動時に左上に表示される「Tip of the Day(今日のTip)」を非表示にする方法
アクセス解析ツールの定番!!Googleアナリティクスの登録方法
JavaScriptで簡単にCookie操作ができるライブラリ「js-cookie」
CSSの読み込みで「its MIME type (‘text/html’) is not a supported stylesheet MIME type」エラーが表示されて読み込みができない場合の解決方法
「epel-release」インストール後にyum installで「Cannot retrieve metalink for repository」と表示される場合の対処法
SourceTreeのカスタムアクションを使って差分ファイルだけをまとめる方法
Neovimを使い始める最初の一歩として便利な「LazyVim」
CSS疑似要素(::beforeや::after)のcontent内で改行したり半角スペースを複数入力する方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
高機能なスクリーンショットアプリ「CleanShot X」
macOSの効率化に関するDiscordコミュニティ「CMD-F」を立ち上げました
1Passwordの開発者向け機能(SSH Agent / Environments / 1Password CLI / Developer Watchtower)
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」