Schnellstart: npm-Pakete in einem JavaScript- oder TypeScript-Projekt mit GitHub Copilot modernisieren

In dieser Schnellstartanleitung erfahren Sie, wie Sie GitHub Copilot Modernisierung verwenden, um npm-Pakete in einem JavaScript- oder TypeScript-Projekt zu aktualisieren. GitHub Copilot Modernisierung für JavaScript/TypeScript analysiert Ihr Projekt, schlägt einen Upgradeplan vor, aktualisiert Pakete automatisch und hilft Ihnen, alle erforderlichen Codeänderungen anzuwenden.

Voraussetzungen

Öffnen des Projekts

Öffnen Sie Ihren JavaScript- oder TypeScript-Projektordner in Visual Studio Code. Das Projekt muss eine package.json Datei enthalten, damit es erkannt wird.

Starten des Upgrades

Führen Sie die folgenden Schritte aus, um den npm-Paketupgradevorgang zu starten:

  1. Öffnen Sie in Visual Studio Code den Bereich GitHub Copilot-Modernisierung über die Aktivitätsleiste auf der linken Seite des Fensters.

  2. Wählen Sie im Bereich die Schaltfläche " npm-Pakete aktualisieren " aus. Diese Schaltfläche wird nur angezeigt, wenn das Tool eine package.json Datei in Ihrem Projekt erkennt.

  3. Das fenster Copilot Chat wird automatisch geöffnet. Copilot analysiert Ihr Projekt und schlägt einen Upgradeplan vor. Überprüfen Sie den Plan im Chatfenster.

  4. Folgen Sie den Anweisungen in Copilot Chat. Copilot stellt Fragen und fordert Bestätigungen an, während sie durch jede Phase des Upgrades führt. Das Tool ist interaktiv, so beantworten Sie Fragen im Chat, während sie angezeigt werden.

  5. Copilot aktualisiert Ihre Datei package.json, führt die entsprechenden Paketmanager-Befehle für Ihr Projekt aus (z. B. npm install, npm update, pnpm install oder yarn install) und schlägt Codeänderungen vor, wenn inkompatible Änderungen oder API-Updates Anpassungen erfordern.

Hinter den Kulissen arbeitet das Tool in einer iterativen Schleife: Es analysiert das Projekt, nimmt Änderungen vor, überprüft den Build oder überprüft nach Problemen und wiederholt sich bei Bedarf. Dieser Prozess wird im Agentmodus Copilot ausgeführt, um intelligente, kontextbezogene Unterstützung bereitzustellen. Das Tool erstellt für die Upgrade-Sitzung einen eigenen Branch und committet Änderungen während der Ausführung automatisch in diesen Branch.

Überprüfen von Änderungen und Erstellen einer Pullanforderung

Überprüfen Sie nach Abschluss der Upgradesitzung, was das Tool getan hat, und entscheiden Sie, ob die Arbeit zusammengeführt werden soll:

  1. Öffnen Sie summary.md unter <project>/.github/modernize/code-migration/<timestamp>/ , um einen Überblick darüber zu erfahren, was die Upgradesitzung geändert hat.

  2. Verwenden Sie den Quellcodeverwaltungsbereich in Visual Studio Code, um die Commits zu überprüfen, die das Tool auf dem Upgrade-Branch erstellt hat.

  3. Führen Sie die Build- und Testskripts Ihres Projekts aus, um zu überprüfen, ob sich das aktualisierte Projekt wie erwartet verhält.

  4. Wenn Sie mit den Änderungen zufrieden sind, erstellen Sie einen Pull Request aus dem Upgrade-Branch in Ihren Haupt-Branch mithilfe Ihres bevorzugten Git-Workflows.

Nächste Schritte

  • Last updated on