Inicio rápido: Actualización de paquetes npm en un proyecto de JavaScript o TypeScript mediante la modernización de GitHub Copilot

Esta guía de inicio rápido muestra cómo usar GitHub Copilot para modernización para actualizar los paquetes npm en un proyecto de JavaScript o TypeScript. GitHub Copilot modernización para JavaScript/TypeScript analiza el proyecto, sugiere un plan de actualización, actualiza automáticamente los paquetes y le ayuda a aplicar los cambios de código necesarios.

Prerequisites

Abrir el proyecto

Abra la carpeta del proyecto de JavaScript o TypeScript en Visual Studio Code. El proyecto debe contener un package.json archivo para que la herramienta la detecte.

Iniciar la actualización

Para iniciar el proceso de actualización del paquete npm, siga estos pasos:

  1. En Visual Studio Code, abra el panel modernización de GitHub Copilot desde la Barra de actividad situada a la izquierda de la ventana.

  2. En el panel, seleccione el botón Actualizar paquetes de npm . Este botón solo aparece si la herramienta detecta un package.json archivo en el proyecto.

  3. La ventana Copilot Chat se abre automáticamente. Copilot analiza el proyecto y propone un plan de actualización. Revise el plan en la ventana de chat.

  4. Siga las indicaciones de Copilot Chat. Copilot formula preguntas y solicitudes de confirmaciones a medida que le guía por cada fase de la actualización. La herramienta es interactiva, por lo que responde a preguntas en el chat a medida que aparecen.

  5. Copilot actualiza tu archivo package.json, ejecuta los comandos del gestor de paquetes adecuados para tu proyecto (como npm install, npm update, pnpm install o yarn install) y sugiere cambios en el código si hay cambios incompatibles o actualizaciones de la API que requieran modificaciones.

En segundo plano, la herramienta funciona en un bucle iterativo: analiza el proyecto, realiza cambios, comprueba la compilación o comprueba si hay problemas y se repite según sea necesario. Este proceso se ejecuta en modo de agente de Copilot para proporcionar asistencia inteligente y con reconocimiento del contexto. La herramienta crea una rama dedicada para la sesión de actualización y confirma los cambios en esa rama automáticamente a medida que funciona.

Revisión de los cambios y creación de una solicitud de incorporación de cambios

Cuando finalice la sesión de actualización, revise lo que hizo la herramienta y decida si combinar el trabajo:

  1. Abra summary.md en <project>/.github/modernize/code-migration/<timestamp>/ para obtener información general sobre lo que cambió la sesión de actualización.

  2. Use el panel de control de código fuente de Visual Studio Code para revisar los commits que la herramienta realizó en la rama de actualización.

  3. Ejecute los scripts de compilación y prueba del proyecto para comprobar que el proyecto actualizado se comporta según lo previsto.

  4. Cuando estés satisfecho con los cambios, crea una pull request desde la rama de actualización hacia tu rama principal con el flujo de trabajo de Git que prefieras.

Pasos siguientes

  • Last updated on