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 npm start

   copilot-debug python manage.py
   

3. copilot-debug python manage.py runserver

Copilot はアプリケーションのデバッグセッションを開始します。これで、VS Code の組み込みデバッグ機能を使用できます。

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

VS Code でのデバッグの詳細をご覧ください。

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

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

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

   • 次のいずれかのビューを開きます
   • Copilot Edits (⇧⌘I (Windows Ctrl+Shift+I、Linux Ctrl+Shift+Alt+I))
   • チャットビュー (⌃⌘I (Windows、Linux Ctrl+Alt+I))

3. インラインチャット (⌘I (Windows、Linux Ctrl+I))

   • 次のようなプロンプトを入力します。
   • "/fix"
   • "これを修正 #selection"
   • "この関数の入力を検証する"
   • "このコードをリファクタリングする"

"このコードのパフォーマンスを向上させる"

Copilot チャットと Copilot Edits の VS Code での使用方法の詳細をご覧ください。

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

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

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

3. 修正するコードを選択します。

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

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

次のステップ

• 必要に応じて、チャットプロンプトで追加のコンテキストを提供して、生成されたコードを改良します。
• VS Code の一般的なデバッグ機能をご覧ください。