Visual Studio Code デバッガー インターフェイスを調べる
- 8 分
Visual Studio Code ユーザー インターフェイスには、デバッグ オプションを構成し、デバッグ セッションを起動する方法がいくつか用意されています。
Visual Studio Code ユーザー インターフェイスのデバッグ機能
Visual Studio Code には、デバッグ セッションの構成、開始、管理に役立ついくつかのユーザー インターフェイス機能が含まれています。
- デバッガーの構成と起動: [ 実行 ] メニューと [RUN AND DEBUG] ビューは、どちらもデバッグ セッションの構成と起動に使用できます。
- アプリケーションの状態を調べる: RUN AND DEBUG ビューには、デバッグ セッション中にアプリケーションの状態のさまざまな側面を公開する堅牢なインターフェイスが含まれています。
- ランタイム実行コントロール: デバッグ ツール バー には、コードの実行中に高度なランタイム コントロールが用意されています。
注
このユニットでは、多くのデバッグ ツールと用語について説明します。 これがこれらのツールに初めて触れる機会であることを心に留めておいてください。最後ではありません。 このモジュールでは、これらのツールのほとんどで実践的なアクティビティを完了する機会があります。 提示される情報の量に圧倒されないようにしてください。
[実行] メニューのオプション
Visual Studio Code の [実行 ] メニューを使用すると、一般的な実行コマンドとデバッグ コマンドに簡単にアクセスできます。
![デバッグ オプションを含む Visual Studio Code の [実行] メニューを示すスクリーンショット。](media/run-menu-debug-options.png)
[ 実行 ] メニューには、6 つのセクションにグループ化されたメニュー オプションがあります。
アプリケーションを起動および停止します。 メニューのこのセクションには、デバッガーがアタッチされている場合とアタッチされていない場合に、コードの実行を開始および停止するためのオプションが含まれています。
起動構成。 メニューのこのセクションでは、起動構成を調べたり作成したりするためのアクセス権を提供します。
ランタイム コントロール。 メニューのこのセクションでは、開発者がコードを進める方法を制御できます。 デバッグ セッション中に実行が一時停止されると、コントロールが有効になります。
ブレークポイントを設定します。 メニューのこのセクションを使用すると、開発者はコード行にブレークポイントを設定できます。 デバッグ セッション中にブレークポイントでコードの実行が一時停止します。
ブレークポイントを管理します。 メニューのこのセクションでは、開発者が個別ではなく一括でブレークポイントを管理できます。
デバッガーをインストールします。 メニューのこのセクションでは、コード デバッガー用にフィルター処理された Visual Studio Code EXTENSIONS ビューが開きます。
[実行とデバッグ] ビューのユーザー インターフェイス
RUN AND DEBUG ビューでは、デバッグ プロセス中に非常に重要なランタイム ツールにアクセスできます。
[実行とデバッグ] コントロール パネル。 デバッグ セッションの構成と開始に使用されます。
変数セクション。 デバッグ セッション中に変数の状態を表示および管理するために使用されます。
視聴セクション。 変数または式を監視するために使用されます。 たとえば、1 つ以上の変数を使用して式を構成し、特定の条件が満たされたタイミングを確認できます。
[呼び出し履歴] セクション。 アプリケーションへの最初のエントリ ポイントから開始して、実行中のアプリケーション内の現在の実行ポイントを追跡するために使用されます。 呼び出し履歴には、現在実行中のメソッドと、現在の実行ポイント (現在のコード行) につながった実行パス内のメソッドが表示されます。
ブレークポイントセクション。 現在のブレークポイント設定を表示します。
[デバッグ] ツール バー。 デバッグ プロセス中のコードの実行を制御するために使用されます。 このツール バーは、アプリケーションの実行中にのみ表示されます。
現在の実行ステップ。 エディターで強調表示することで、現在の実行ステップを識別するために使用されます。 この場合、現在の実行ステップはブレークポイントです (ブレークポイントは、行番号の左側に赤い点でマークされます)。
デバッグ コンソール。 デバッガーからのメッセージを表示するために使用されます。 DEBUG CONSOLE パネルはコンソール アプリケーションの既定のコンソールであり、
Console.WriteLine()および関連するConsole出力メソッドからの出力を表示できます。
[実行とデバッグ] ビューのコントロール パネル
RUN AND DEBUG ビューの上部には、起動コントロールがあります。
![[実行とデバッグ] ビューの [コントロール] パネルを示すスクリーンショット。](media/vscode-debugger-sidebar-controls.png)
デバッグを開始します。 このボタン (緑色の矢印) は、デバッグ セッションを開始するために使用されます。
起動構成。 このドロップダウン メニューでは、起動構成にアクセスできます。 選択したオプションが表示されます。
'launch.json'を開きます。 このボタン (歯車図形) を使用して
launch.jsonファイルを開くことができます。ここで、必要に応じて起動構成を編集できます。ビューとその他のアクション。 このボタン (省略記号) を使用すると、デバッグ パネルとデバッグ コンソール パネルのセクションを表示/非表示にすることができます。
デバッグ ツール バー
デバッグ ツール バーには、アプリケーションの実行中に実行コントロールが用意されています。
一時停止/続行します。 このボタンを使用すると、コードの実行中に実行を一時停止し、コードの実行が一時停止されたときに続行できます。
ステップ オーバー。 このボタンを使用すると、コンポーネントの手順を調べたり、実行したりすることなく、次のメソッドを 1 つのコマンドとして実行できます。
ステップ イン。 このボタンを使用して、次のメソッドまたはコード行を入力し、1 行ずつ実行する手順を確認できます。
ステップ アウトします。メソッド内では、このボタンを使用して、現在のメソッドの残りのすべての行を単一のコマンドであるかのように完了することで、以前の実行コンテキストに戻ることができます。
再起動。 このボタンを使用すると、現在のプログラムの実行を終了し、現在の構成を使用してデバッグを再開できます。
止める。 このボタンを使用して、現在のプログラムの実行を終了できます。
6 つの実行コントロールに加えて、 デバッグ ツール バー には、開発者がツール バーの位置を変更できるようにする左側の "ハンドル" と、開発者がデバッガーを切断できるようにする右側の [その他] ドロップダウンが用意されています。
注
設定 debug.toolBarLocation を使用して、デバッグ ツール バーの場所を制御できます。 浮動表示（既定値）、RUN AND DEBUG ビューにドック表示、または非表示になります。 フローティング デバッグ ツール バーは、水平方向および下方向に [エディター] 領域にドラッグできます。
まとめ
このユニットで覚えておく必要があるいくつかの重要な点を次に示します。
- Visual Studio Code ユーザー インターフェイスを使用して、デバッグ セッションの構成、開始、管理を行うことができます。
launch.jsonファイルには、アプリケーションの起動構成が含まれています。 - [ 実行 ] メニューを使用すると、6 つのセクションにグループ化された一般的な実行コマンドとデバッグ コマンドに簡単にアクセスできます。
- RUN AND DEBUG ビューを使用すると、[実行] および [デバッグ] コントロール パネルを含むランタイム ツールにアクセスできます。 実行ビューとデバッグ ビューのセクションは、変数、ウォッチ、呼び出し履歴、ブレークポイントです。
- デバッグ ツール バーには、一時停止/続行、ステップ オーバー、ステップ イン、ステップ アウト、再起動、停止など、アプリケーションの実行中に実行コントロールが用意されています。
- デバッグ コンソールは、デバッガーからのメッセージを表示するために使用されます。 DEBUG コンソールでは、アプリケーションからのコンソール出力を表示することもできます。