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 projet JavaScript ou TypeScript dans Visual Studio Code ou Visual Studio. 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, suivez les instructions de votre IDE :

Démarrez une session de mise à niveau de l’une des façons suivantes :

  • Ouvrez la vue GitHub Copilot modernization depuis la barre d’activité située à gauche de la fenêtre. Dans l’affichage, sélectionnez le bouton Mettre à niveau les packages npm . Ce bouton s’affiche uniquement lorsque l’outil détecte un package.json fichier dans votre projet. La fenêtre Copilot Chat s’ouvre automatiquement.
  • Ouvrez Copilot Chat, sélectionnez le mode agent et entrez une invite qui décrit ce que vous souhaitez faire, par exemple « Mettre à niveau les packages npm dans mon projet TypeScript ».

Après avoir démarré une session, Copilot analyse votre projet et propose un plan de mise à niveau. Suivez les étapes suivantes :

  1. Passez en revue le plan dans la fenêtre Copilot Chat.

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

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

Tip

Au-delà des mises à niveau de package npm, GitHub Copilot modernisation pour JavaScript/TypeScript peut vous aider à effectuer des tâches de modernisation associées via des invites en langage naturel dans Copilot Chat. Par exemple, vous pouvez lui demander de mettre à niveau la version du compilateur TypeScript dans votre projet.

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 les outils de gestion de code source de votre IDE pour examiner les commits créés par l’outil 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