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 Ihr JavaScript- oder TypeScript-Projekt in Visual Studio Code oder Visual Studio. Das Projekt muss eine package.json Datei enthalten, damit es erkannt wird.

Starten des Upgrades

Befolgen Sie zum Starten des npm-Paketupgradeprozesses die Anweisungen für Ihre IDE:

Starten Sie eine Upgradesitzung auf eine der folgenden Arten:

  • Öffnen Sie die GitHub Copilot Modernisierungsansicht über die Aktivitätsleiste auf der linken Seite des Fensters. Wählen Sie in der Ansicht die Schaltfläche " npm-Pakete aktualisieren " aus. Diese Schaltfläche wird nur angezeigt, wenn das Tool eine package.json Datei in Ihrem Projekt erkennt. Das Copilot Chat Fenster wird dann automatisch geöffnet.
  • Öffnen Sie Copilot Chat, wählen Sie den Agentmodus aus, und geben Sie eine Eingabeaufforderung ein, die beschreibt, was Sie tun möchten, z. B. "Aktualisieren der npm-Pakete in meinem TypeScript-Projekt".

Nachdem Sie eine Sitzung gestartet haben, analysiert Copilot Ihr Projekt und schlägt einen Upgradeplan vor. Fahren Sie mit den folgenden Schritten fort:

  1. Überprüfen Sie den Plan im Copilot Chat-Fenster.

  2. 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.

  3. 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.

Tip

Über npm-Paketupgrades hinaus kann GitHub Copilot Modernisierung für JavaScript/TypeScript bei zugehörigen Modernisierungsaufgaben durch Eingaben in natürlicher Sprache in Copilot Chat helfen. Sie können es beispielsweise bitten, die TypeScript-Compilerversion in Ihrem Projekt zu aktualisieren.

Ü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 die Quellcodeverwaltungstools Ihrer IDE, um die Commits des Tools zu überprüfen, die im Upgrade branch vorgenommen wurden.

  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