Avvio rapido: Aggiornare i pacchetti npm in un progetto JavaScript o TypeScript usando la funzionalità di modernizzazione di GitHub Copilot

Questa guida introduttiva illustra come usare la funzionalità di modernizzazione di GitHub Copilot per aggiornare i pacchetti npm in un progetto JavaScript o TypeScript. GitHub Copilot modernizzazione per JavaScript/TypeScript analizza il progetto, suggerisce un piano di aggiornamento, aggiorna automaticamente i pacchetti e consente di applicare le modifiche al codice necessarie.

Prerequisiti

Aprire il progetto

Aprire il progetto JavaScript o TypeScript in Visual Studio Code o Visual Studio. Il progetto deve contenere il file package.json affinché lo strumento possa rilevarlo.

Avviare l'aggiornamento

Per avviare il processo di aggiornamento del pacchetto npm, seguire le indicazioni per l'IDE:

Avviare una sessione di aggiornamento in uno dei modi seguenti:

  • Aprire la visualizzazione di modernizzazione GitHub Copilot dalla barra attività sul lato sinistro della finestra. Nella visualizzazione selezionare il pulsante Aggiorna pacchetti npm . Questo pulsante viene visualizzato solo quando lo strumento rileva un package.json file nel progetto. La finestra Copilot Chat viene quindi aperta automaticamente.
  • Aprire Copilot Chat, selezionare la modalità agente e immettere un prompt che descrive le operazioni da eseguire, ad esempio "Aggiornare i pacchetti npm nel progetto TypeScript".

Dopo aver avviato una sessione, Copilot analizza il progetto e propone un piano di aggiornamento. Continuare con la procedura seguente:

  1. Esaminare il piano nella finestra Copilot Chat.

  2. Seguire le istruzioni in Copilot Chat. Copilot pone domande e chiede conferma mentre ti guida attraverso ogni fase dell'aggiornamento. Lo strumento è interattivo, quindi rispondere alle domande nella chat come appaiono.

  3. Copilot aggiorna il file package.json, esegue i comandi di package-manager appropriati per il progetto ,ad esempio npm install, npm update, pnpm install o yarn install) e suggerisce modifiche al codice in caso di modifiche di rilievo o aggiornamenti dell'API.

Dietro le quinte, lo strumento opera in un ciclo iterativo: analizza il progetto, apporta modifiche, verifica la compilazione o verifica la presenza di problemi e si ripete in base alle esigenze. Questo processo viene eseguito in modalità agente di Copilot per fornire assistenza intelligente e compatibile con il contesto. Lo strumento crea un ramo dedicato per la sessione di aggiornamento ed esegue automaticamente il commit delle modifiche a tale ramo man mano che funziona.

Tip

Oltre agli aggiornamenti dei pacchetti npm, GitHub Copilot modernizzazione per JavaScript/TypeScript può essere utile per le attività di modernizzazione correlate tramite prompt in linguaggio naturale in Copilot Chat. Ad esempio, è possibile chiedere di aggiornare la versione del compilatore TypeScript nel progetto.

Rivedi le modifiche e crea una pull request

Al termine della sessione di aggiornamento, esaminare le operazioni dello strumento e decidere se unire il lavoro:

  1. Aprire summary.md in <project>/.github/modernize/code-migration/<timestamp>/ per una panoramica delle modifiche apportate alla sessione di aggiornamento.

  2. Usare gli strumenti di controllo del codice sorgente dell'IDE per esaminare i commit dello strumento eseguito nel ramo di aggiornamento.

  3. Eseguire gli script di compilazione e test del progetto per verificare che il progetto aggiornato si comporti come previsto.

  4. Quando si è soddisfatti delle modifiche, creare una pull request dal ramo di aggiornamento verso il ramo principale usando il workflow Git preferito.

Passaggi successivi

  • Last updated on