Início rápido: Atualize pacotes npm em um projeto JavaScript ou TypeScript usando a modernização com o GitHub Copilot

Este guia de início rápido mostra como usar a modernização do GitHub Copilot para atualizar os pacotes npm em um projeto JavaScript ou TypeScript. GitHub Copilot modernização para JavaScript/TypeScript analisa seu projeto, sugere um plano de atualização, atualiza pacotes automaticamente e ajuda a aplicar as alterações de código necessárias.

Pré-requisitos

Abrir o projeto

Abra seu projeto JavaScript ou TypeScript em Visual Studio Code ou Visual Studio. O projeto deve conter um package.json arquivo para a ferramenta detectá-lo.

Iniciar a atualização

Para iniciar o processo de atualização do pacote npm, siga as diretrizes para seu IDE:

Inicie uma sessão de atualização de uma das seguintes maneiras:

  • Abra o modo de exibição de modernização GitHub Copilot da Barra de Atividades no lado esquerdo da janela. Na exibição, selecione o botão Atualizar pacotes npm . Esse botão aparece somente quando a ferramenta detecta um package.json arquivo em seu projeto. A janela Copilot Chat é aberta automaticamente.
  • Abra Copilot Chat, selecione o modo de agente e insira um prompt que descreva o que você deseja fazer, como "Atualizar os pacotes npm no meu projeto TypeScript".

Depois de iniciar uma sessão, Copilot analisa seu projeto e propõe um plano de atualização. Continue com as seguintes etapas:

  1. Examine o plano na janela Copilot Chat.

  2. Siga as instruções no Copilot Chat. Copilot faz perguntas e solicita confirmações enquanto orienta você em cada estágio da atualização. A ferramenta é interativa, portanto, responda às perguntas no chat conforme elas aparecem.

  3. Copilot atualiza seu arquivo package.json, executa os comandos apropriados do gerenciador de pacotes para seu projeto (como npm install, npm update, pnpm install ou yarn install) e sugere alterações de código se alterações significativas ou atualizações de API exigirem modificações.

Nos bastidores, a ferramenta opera em um loop iterativo: analisa o projeto, faz alterações, verifica o build ou verifica se há problemas e se repete conforme necessário. Esse processo é executado no modo de agente do Copilot para fornecer assistência inteligente e com reconhecimento de contexto. A ferramenta cria um branch dedicado para a sessão de atualização e confirma alterações nesse branch automaticamente à medida que funciona.

Dica

Além das atualizações de pacote npm, GitHub Copilot modernização para JavaScript/TypeScript pode ajudar com tarefas de modernização relacionadas por meio de prompts de linguagem natural no Copilot Chat. Por exemplo, você pode solicitar que ele atualize a versão do compilador TypeScript em seu projeto.

Revisar alterações e criar um pull request

Quando a sessão de atualização for concluída, examine o que a ferramenta fez e decida se deseja mesclar o trabalho:

  1. Abra summary.md em <project>/.github/modernize/code-migration/<timestamp>/ para ver uma visão geral do que foi alterado na sessão de atualização.

  2. Use as ferramentas de controle do código-fonte do IDE para examinar as confirmações feitas pela ferramenta no branch de atualização.

  3. Execute os scripts de build e teste do projeto para verificar se o projeto atualizado se comporta conforme o esperado.

  4. Quando estiver satisfeito com as alterações, crie um pull request do branch de atualização para o branch principal usando o fluxo de trabalho do Git de sua preferência.

Próximas Etapas 

  • Last updated on