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 sua pasta de projeto JavaScript ou TypeScript no Visual Studio Code. 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, use as seguintes etapas:

  1. Em Visual Studio Code, abra o painel modernização do GitHub Copilot na Barra de Atividades no lado esquerdo da janela.

  2. No painel, selecione o botão Atualizar pacotes npm . Esse botão só será exibido se a ferramenta detectar um package.json arquivo em seu projeto.

  3. A janela Copilot Chat é aberta automaticamente. Copilot analisa seu projeto e propõe um plano de atualização. Examine o plano na janela de chat.

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

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

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 o painel de controle de código-fonte do Visual Studio Code para revisar os commits que a ferramenta fez 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