このクイック スタートでは、GitHub Copilotモダン化を使用して、JavaScript または TypeScript プロジェクトの npm パッケージをアップグレードする方法について説明します。 JavaScript/TypeScript の最新化GitHub Copilot、プロジェクトを分析し、アップグレード計画を提案し、パッケージを自動的にアップグレードし、必要なコード変更を適用するのに役立ちます。
前提条件
- Node.js と npm。
- Visual Studio Code。
- GitHub Copilot。 Visual Studio CodeでGitHub アカウントにサインインします。
- GitHub Copilotモダン化拡張機能。
プロジェクトを開く
Visual Studio Codeで JavaScript または TypeScript プロジェクト フォルダーを開きます。 プロジェクトには、ツールが検出するための package.json ファイルが含まれている必要があります。
アップグレードを開始する
npm パッケージのアップグレード プロセスを開始するには、次の手順に従います。
Visual Studio Codeで、ウィンドウの左側にあるアクティビティ バーから GitHub Copilot モダン化 パネルを開きます。
パネルで、 npm パッケージのアップグレード ボタンを選択します。 このボタンは、プロジェクト内の
package.jsonファイルがツールによって検出された場合にのみ表示されます。Copilot Chat ウィンドウが自動的に開きます。 Copilotはプロジェクトを分析し、アップグレード計画を提案します。 チャット ウィンドウでプランを確認します。
Copilot Chatの指示に従います。 Copilotは、アップグレードの各段階について説明する際に、質問と確認を要求します。 ツールは対話型なので、表示されるチャットで質問に回答します。
package.jsonファイルをアップグレードCopilot、プロジェクトに適したパッケージ マネージャー コマンド (npm install、npm update、pnpm install、yarn installなど) を実行し、重大な変更や API 更新に変更が必要な場合はコードの変更を提案します。
ツールはバックグラウンドで反復的なループで動作します。プロジェクトの分析、変更の実行、ビルドの検証、問題の確認、必要に応じて繰り返し実行されます。 このプロセスはCopilotのエージェント モードで実行され、インテリジェントなコンテキスト対応の支援を提供します。 このツールは、アップグレード セッション用の専用ブランチを作成し、そのブランチに対する変更を動作時に自動的にコミットします。
変更を確認し、プル要求を作成する
アップグレード セッションが完了したら、ツールの実行内容を確認し、作業をマージするかどうかを決定します。
アップグレード セッションの変更の概要については、
summary.mdの下の<project>/.github/modernize/code-migration/<timestamp>/を開きます。Visual Studio Code ソース管理パネルを使用して、アップグレード ブランチでツールが行ったコミットを確認します。
プロジェクトのビルド スクリプトとテスト スクリプトを実行して、アップグレードされたプロジェクトが期待どおりに動作することを確認します。
変更に満足したら、お好みの Git ワークフローを使用して、アップグレード ブランチからメイン ブランチへのプル要求を作成します。