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 el proyecto de JavaScript o TypeScript en Visual Studio Code o Visual Studio. 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 las instrucciones del IDE:

Inicie una sesión de actualización de una de las maneras siguientes:

  • Abra la vista de modernización GitHub Copilot desde la barra de actividad del lado izquierdo de la ventana. En la vista, seleccione el botón Actualizar paquetes de npm . Este botón solo aparece cuando la herramienta detecta un package.json archivo en el proyecto. A continuación, se abre automáticamente la ventana Copilot Chat.
  • Abra Copilot Chat, seleccione el modo de agente y escriba un mensaje que describa lo que desea hacer, como "Actualizar los paquetes de npm en mi proyecto de TypeScript".

Después de iniciar una sesión, Copilot analiza el proyecto y propone un plan de actualización. Continúe con los pasos siguientes:

  1. Revise el plan en la ventana Copilot Chat.

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

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

Tip

Más allá de las actualizaciones de paquetes npm, GitHub Copilot modernización para JavaScript/TypeScript puede ayudar con tareas de modernización relacionadas a través de mensajes de lenguaje natural en Copilot Chat. Por ejemplo, puede pedirle que actualice la versión del compilador de TypeScript en el proyecto.

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 las herramientas de control de código fuente del IDE para revisar las confirmaciones realizadas 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