📖

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

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

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

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

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

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

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

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

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

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

Discussion