📖

VS Code ソースのdiff(差分)表示が何か変だなと思ったときの対処方法 左右に分かれて表示されていないとき

2025/01/23に公開
  1. VS Codeの「ソース管理」から
  2. 「ソース管理グラフ」に表示されている「コミット」のいずれかを選択すると
  3. 「ソースのdiff(差分)」が見れる
    かと思うのですが、

表示された「diff(差分)」の表示が
以下の図のように

「左右に分かれて表示されていない」
ということで、お困りではないでしょうか?(私のこと)

これを直す方法ですが、以下のように、
差分の画面の境界線をドラッグすることで解消できます。

ソース管理グラフ(Source Control Graph)

ソース管理グラフ(英語表記だと「Source Control Graph」)
について書かれた記事があまり見つからなかったので、
少し調べた内容をまとめました。

ソース管理グラフ(Source Control Graph)は
2024年8月(バージョン1.93)で追加された機能で、

ユーザーからのフィードバックに基づいて、前回のマイルストーンで有効になった履歴グラフを、ソース管理ビューからソース管理グラフという新しいビューに移動しました。これにより、メイン ビューの情報過多が軽減され、必要に応じて新しいビューを非表示/折りたたみ/移動できるようになります。これにより、フル機能の履歴グラフの基礎も築かれます。
ソース管理グラフ ビューには現在、現在のブランチのリモート/ベースが表示されます。次のマイルストーンでは、任意のリポジトリ参照にグラフをフィルターする機能を追加し、複数のリポジトリを持つワークスペースのエクスペリエンスを向上させることに取り組んでいます。

ということです。
Visual Studio Codeの公式情報はこちらです。

Discussion