GitHub Copilot を使ってデバッグする

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

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

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

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. 次のいずれかのビューを開きます。

   • チャットビュー (⌃⌘I (Windows, Linux Ctrl+Alt+I))
   • インラインチャット (⌘I (Windows, Linux Ctrl+I))

3. 次のようなプロンプトを入力します。

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

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

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

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

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

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

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

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

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

次のステップ

• VS Code の一般的なデバッグ機能を探索する。
• VS Code のCopilotについて詳しく学ぶ。