VS Codeのエージェントモードを拡張するには、を試してください!

GitHub Copilot を使用したデバッグ

GitHub Copilot は、Visual Studio Code でのデバッグ ワークフローの改善に役立ちます。Copilot は、プロジェクトのデバッグ構成のセットアップを支援し、デバッグ中に発見された問題を修正するための提案を提供します。この記事では、VS Code で Copilot を使用してアプリケーションをデバッグする方法の概要を説明します。

Copilot は次のデバッグ タスクに役立ちます

  • デバッグ設定の構成: プロジェクトの起動構成を生成およびカスタマイズします。
  • デバッグ セッションの開始: copilot-debug を使用してターミナルからデバッグ セッションを開始します。
  • 問題の修正: デバッグ中に発見された問題を修正するための提案を受け取ります。
ヒント

Copilot のサブスクリプションをまだお持ちでない場合は、Copilot Free プランにサインアップすることで、Copilot を無料で使用でき、毎月の補完とチャットの対話に上限が設けられます。

Copilot を使用したデバッグ構成の設定

VS Code は launch.json ファイルを使用してデバッグ構成を保存します。Copilot は、このファイルの作成とカスタマイズを支援して、プロジェクトのデバッグを設定できます。

  1. チャット ビューを開きます (⌃⌘I (Windows、Linux Ctrl+Alt+I))。
  2. /startDebugging コマンドを入力します。
  3. Copilot のガイダンスに従って、プロジェクトのデバッグを設定します。

または、次のような自然言語プロンプトを使用することもできます。

  • 「Django アプリのデバッグ構成を作成する」
  • 「React Native アプリのデバッグを設定する」
  • 「Flask アプリケーションのデバッグを構成する」

Copilot を使用したデバッグの開始

copilot-debug ターミナル コマンドは、デバッグ セッションの構成と開始のプロセスを簡素化します。アプリケーションの起動に使用するコマンドの前に copilot-debug を付けると、Copilot が自動的にデバッグ セッションを構成して開始します。

  1. 統合ターミナルを開きます (⌃` (Windows、Linux Ctrl+`))。

  2. copilot-debug に続けてアプリケーションの開始コマンドを入力します。例:

    copilot-debug node app.js
    

    または

    copilot-debug python manage.py
    
  3. Copilot はアプリケーションのデバッグ セッションを起動します。これで、VS Code の組み込みデバッグ機能を使用できます。

VS Code でのデバッグの詳細については、こちらをご覧ください。

Copilot を使用したコーディングの問題の修正

Copilot チャットを使用して、コーディングの問題を修正したり、コードを改善したりできます。

チャット プロンプトの使用

  1. アプリケーションコードファイルを開きます。

  2. 次のいずれかのビューを開きます。

    • チャット ビュー (⌃⌘I (Windows、Linux Ctrl+Alt+I))
    • インライン チャット (⌘I (Windows、Linux Ctrl+I))
  3. 次のようなプロンプトを入力します。

    • 「/fix」
    • 「これを修正 #selection」
    • 「この関数の入力を検証する」
    • 「このコードをリファクタリングする」
    • 「このコードのパフォーマンスを改善する」

VS Code での Copilot Chat の使用の詳細については、こちらをご覧ください。

エディターのスマート アクションの使用

プロンプトを記述せずにアプリケーション コードのコーディングの問題を修正するには、エディターのスマート アクションを使用できます。

  1. アプリケーションコードファイルを開きます。

  2. 修正したいコードを選択します。

  3. 右クリックして [コードの生成] > [修正] を選択します。

    VS Code はコードを修正するためのコード提案を提供します。

  4. 必要に応じて、チャット プロンプトで追加のコンテキストを提供して、生成されたコードを改良します。

次のステップ