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 uw JavaScript- of TypeScript-project in Visual Studio Code of Visual Studio. Het project moet een package.json bestand bevatten voor het hulpprogramma om het te detecteren.

De upgrade starten

Volg de richtlijnen voor uw IDE om het npm-pakketupgradeproces te starten:

Start een upgradesessie op een van de volgende manieren:

  • Open de GitHub Copilot moderniseringsweergave vanaf de activiteitenbalk aan de linkerkant van het venster. Selecteer in de weergave de knop Npm-pakketten upgraden . Deze knop wordt alleen weergegeven wanneer het hulpprogramma een package.json bestand in uw project detecteert. Het venster Copilot Chat wordt vervolgens automatisch geopend.
  • Open Copilot Chat, selecteer de agentmodus en voer een prompt in waarin wordt beschreven wat u wilt doen, zoals 'Upgrade the npm packages in my TypeScript project'.

Nadat u een sessie hebt gestart, analyseert Copilot uw project en stelt u een upgradeplan voor. Ga door met de volgende stappen:

  1. Bekijk het plan in het Copilot Chat venster.

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

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

Tip

Naast upgrades van npm-pakketten kan GitHub Copilot modernisering voor JavaScript/TypeScript helpen bij gerelateerde moderniseringstaken via prompts in natuurlijke taal in Copilot Chat. U kunt het bijvoorbeeld vragen om de TypeScript-compilerversie in uw project bij te werken.

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 de hulpprogramma's voor broncodebeheer van uw IDE om de doorvoeringen te controleren die het hulpprogramma in de upgradebranch 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