Visual Studio でのコード行のステージング

行ステージングのサポート ( 対話型ステージングとも呼ばれます) を使用すると、コードエディターから直接、ファイル内の変更のチャンクをステージングできます。行ステージングは、異なるコミット間で変更を分割する場合にも役立ちます。

行ステージングのサポート (対話型ステージングとも呼ばれます) は、Visual Studio 2022 バージョン 17.3 以降で使用できます。行ステージングを使用すると、コードエディターから直接、ファイル内の変更のチャンクをステージングできます。行ステージングは、異なるコミット間で変更を分割する場合にも役立ちます。

ホバーオプションを使用すると、変更を1行ずつステージ解除することもできます。

Visual Studio 2022 バージョン 17.6 以降では、ホバーオプションを使って、変更を 1 行ずつ "ステージング解除" することもできます。

Visual Studio 2022 で Git の変更を設定解除する方法の例のスクリーンショット。

色の余白を使用して段階的な変更を観察する

行ステージングのサポートについて最初に気づくのは、エディターがスクロールバーと余白で Git の変更を視覚化する方法です。

色と注釈を使用すると、追加、削除、または変更した保存済みの変更と保存されていない変更を簡単に区別できます。

色の余白の設定を構成する

Visual Studio に表示される色を変更して、変更を管理できます。 [ツール]>[オプション] ダイアログで、[環境]>[フォントと色] セクションに移動し、次の 表示項目 オプションを構成します。

Visual Studio に表示される色を変更して、変更を管理できます。 [ツール>オプション] ページで、フォントと色を検索し、次の表示項目オプションを構成します。

ソース管理の下にあるドキュメントの追加を追跡
ソース管理の下にあるドキュメントの削除を追跡
ソース管理の下にあるドキュメントの変更を追跡

Visual Studio がソース管理に使用する色を変更できる [オプション] ダイアログのスクリーンショット。

「Peek Difference」を使用して段階的な変更をプレビューする

色の余白は対話型です。色の余白を選択すると、Visual Studio によって Peek Difference ユーザーインターフェイス (UI) が開き、コンテキストを切り替えることなくエディターで変更を表示できます。 [違いをここに表示] UI では、追加された行と削除された行の数が要約され、上矢印と下矢印を使用して変更を簡単に切り替えることができます。

変更があるコード行を右クリックすると、[違いをここに表示] にアクセスすることもできます。コンテキストメニューから「差異のプレビュー」を選択するか、Alt+F8 キーボードショートカットを使用できます。

手記

インライン差分ビューを使用する場合は、Diff エディターの右上隅にある [設定] コントロールを使用して、インラインモードのに切り替えることができます。

[差分をクイック表示する] 設定を構成する

Visual Studio がコード変更と対話する方法は、[違いをここに表示] UI で変更できます。 [クリックして余白をクイック表示] オプションは、[ツール]>[オプション]>[テキストエディター]>[詳細設定] ページで使用できます。

「余白をクリックして覗き見る」テキストエディター設定のスクリーンショット。

既定の [シングルクリック] を [ダブルクリック] に変更し、[なし] を選んで [差分をクイック表示する] UI をオフにできます。

コードのチャンクをステージングする

ピーク差分 UI を使用して、任意のコード部分をステージングできます。ステージへの変更にカーソルを合わせ、ステージ変更選択します。ドキュメントに加えた変更 "すべて" をステージングする場合は、グローバルな [ステージ] アクションを使用できます。

手記

全画面の差分表示の方がよい場合は、[差分をクイック表示する] UI の右上の [ドキュメントに昇格] アイコンをクリックして差分エディターに切り替えるか、Ctrl+Alt+Home キーボードショートカットを使用できます。 [差分をクイック表示する] UI で提供されるすべての機能は、差分エディターでも使用できます。次の図は、Diff エディタービューを示しています。