Quickstart: NPM-pakketten upgraden in een JavaScript- of TypeScript-project met behulp van GitHub Copilot modernisering

In deze quickstart ziet u hoe u GitHub Copilot modernisering kunt gebruiken om npm-pakketten te upgraden in een JavaScript- of TypeScript-project. GitHub Copilot modernisering voor JavaScript/TypeScript uw project analyseert, een upgradeplan voorstelt, pakketten automatisch bijwerkt en helpt u bij het toepassen van de benodigde codewijzigingen.

Prerequisites

Het project openen

Open de projectmap van uw JavaScript- of TypeScript-project in Visual Studio Code. Het project moet een package.json bestand bevatten voor het hulpprogramma om het te detecteren.

De upgrade starten

Gebruik de volgende stappen om het npm-pakketupgradeproces te starten:

  1. Open in Visual Studio Code het deelvenster GitHub Copilot modernization via de activiteitsbalk aan de linkerkant van het venster.

  2. Selecteer in het deelvenster de knop Npm-pakketten upgraden . Deze knop wordt alleen weergegeven als het hulpprogramma een package.json bestand in uw project detecteert.

  3. Het venster Copilot Chat wordt automatisch geopend. Copilot analyseert uw project en stelt een upgradeplan voor. Bekijk het plan in het chatvenster.

  4. Volg de aanwijzingen in Copilot Chat. Copilot vragen stelt en bevestigingen aanvraagt tijdens het doorlopen van elke fase van de upgrade. Het hulpprogramma is interactief, dus beantwoord vragen in de chat terwijl ze worden weergegeven.

  5. Copilot werkt uw package.json-bestand bij, voert de juiste pakketbeheeropdrachten voor uw project uit (zoals npm install, npm update, pnpm install of yarn install) en stelt codewijzigingen voor als incompatibele wijzigingen of API-updates aanpassingen vereisen.

Achter de schermen werkt het hulpprogramma in een iteratieve lus: het analyseert het project, brengt wijzigingen aan, controleert de build of controleert op problemen en herhaalt indien nodig. Dit proces wordt uitgevoerd in de agentmodus van Copilot om intelligente, contextbewuste hulp te bieden. De tool maakt een aparte branch voor de upgradesessie en legt wijzigingen tijdens het uitvoeren automatisch vast in die branch.

Wijzigingen controleren en een pull-aanvraag maken

Wanneer de upgradesessie is voltooid, controleert u wat het hulpprogramma heeft gedaan en beslist u of u het werk wilt samenvoegen:

  1. Open summary.md onder <project>/.github/modernize/code-migration/<timestamp>/ voor een overzicht van wat de upgradesessie is gewijzigd.

  2. Gebruik het paneel Broncodebeheer van Visual Studio Code om de commits te bekijken die het hulpprogramma op de upgrade-branch heeft gemaakt.

  3. Voer de build- en testscripts van uw project uit om te controleren of het bijgewerkte project werkt zoals verwacht.

  4. Wanneer u tevreden bent met de wijzigingen, maakt u een pull-aanvraag van de upgradevertakking naar uw hoofdvertakking met behulp van uw favoriete Git-werkstroom.

Volgende stappen