Démarrage rapide : mettre à jour des packages npm dans un projet JavaScript ou TypeScript à l’aide de la modernisation avec GitHub Copilot

Ce guide de démarrage rapide vous montre comment utiliser GitHub Copilot modernisation pour mettre à niveau des packages npm dans un projet JavaScript ou TypeScript. GitHub Copilot modernisation pour JavaScript/TypeScript analyse votre projet, suggère un plan de mise à niveau, met automatiquement à niveau les packages et vous aide à appliquer les modifications de code nécessaires.

Prerequisites

Ouvrir le projet

Ouvrez votre dossier de projet JavaScript ou TypeScript dans Visual Studio Code. Le projet doit contenir un package.json fichier pour que l’outil le détecte.

Démarrer la mise à niveau

Pour démarrer le processus de mise à niveau du package npm, procédez comme suit :

  1. Dans Visual Studio Code, ouvrez le panneau GitHub Copilot modernisation à partir de la barre d’activité située à gauche de la fenêtre.

  2. Dans le panneau, sélectionnez le bouton Mettre à niveau les packages npm . Ce bouton s’affiche uniquement si l’outil détecte un package.json fichier dans votre projet.

  3. La fenêtre Copilot Chat s’ouvre automatiquement. Copilot analyse votre projet et propose un plan de mise à niveau. Passez en revue le plan dans la fenêtre de conversation.

  4. Suivez les invites dans Copilot Chat. Copilot pose des questions et demande des confirmations au fur et à mesure qu’elle vous guide tout au long de chaque étape de la mise à niveau. L’outil est interactif, donc répondez aux questions dans la conversation au fur et à mesure qu’ils apparaissent.

  5. Copilot met à jour votre fichier package.json, exécute les commandes du gestionnaire de paquets appropriées pour votre projet (par exemple, npm install, npm update, pnpm install ou yarn install) et suggère des modifications du code si des changements incompatibles ou des mises à jour d’API nécessitent des ajustements.

En arrière-plan, l’outil fonctionne dans une boucle itérative : il analyse le projet, apporte des modifications, vérifie la build ou vérifie les problèmes et se répète si nécessaire. Ce processus s'exécute en mode agent de Copilot pour fournir une assistance intelligente et contextuelle. L’outil crée une branche dédiée pour la session de mise à niveau et valide automatiquement les modifications apportées à cette branche au fur et à mesure qu’elle fonctionne.

Passer en revue les modifications et créer une pull request

Une fois la session de mise à niveau terminée, passez en revue ce que l’outil a fait et décidez s’il faut fusionner le travail :

  1. Ouvrez summary.md sous <project>/.github/modernize/code-migration/<timestamp>/ pour obtenir une vue d’ensemble de ce que la session de mise à niveau a changé.

  2. Utilisez le panneau de contrôle de code source de Visual Studio Code pour passer en revue les commits effectués sur la branche de mise à niveau.

  3. Exécutez les scripts de génération et de test de votre projet pour vérifier que le projet mis à niveau se comporte comme prévu.

  4. Lorsque vous êtes satisfait des modifications, créez une pull request de la branche de mise à niveau vers votre branche principale en utilisant votre workflow Git habituel.

Étapes suivantes

  • Last updated on