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

GitHub Copilot でデバッグ

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

Copilot は次のデバッグタスクを支援できます

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

Copilot のサブスクリプションをまだお持ちでない場合は、Copilot 無料プランにサインアップすることで 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 Chat を使用して、コーディングの問題を修正したり、コードを改善したりできます。

チャットプロンプトを使用する

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

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

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

    • "/fix"
    • "この #selection を修正"
    • "この関数の入力を検証"
    • "このコードをリファクタリング"
    • "このコードのパフォーマンスを向上"

VS Code での Copilot ChatCopilot Edits の使用について詳しく学ぶ。

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

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

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

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

  3. 右クリックして、Copilot > 修正を選択します。

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

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

次のステップ