Szybki start: uaktualnianie pakietów npm w projekcie JavaScript lub TypeScript przy użyciu modernizacji GitHub Copilot

To wprowadzenie pokazuje, jak używać funkcji modernizacji w GitHub Copilot do aktualizowania pakietów npm w projekcie JavaScript lub TypeScript. GitHub Copilot modernizacja języka JavaScript/TypeScript analizuje projekt, sugeruje plan uaktualniania, automatycznie uaktualnia pakiety i pomaga zastosować wszelkie niezbędne zmiany kodu.

Wymagania wstępne

Otwieranie projektu

Otwórz folder projektu JavaScript lub TypeScript w Visual Studio Code. Projekt musi zawierać plik package.json, aby narzędzie mogło go wykryć.

Rozpoczynanie uaktualniania

Aby rozpocząć proces uaktualniania pakietu npm, wykonaj następujące kroki:

  1. W programie Visual Studio Code otwórz panel modernizacji GitHub Copilot na pasku aktywności po lewej stronie okna.

  2. W panelu wybierz przycisk Uaktualnij pakiety npm . Ten przycisk jest wyświetlany tylko wtedy, gdy narzędzie wykryje package.json plik w projekcie.

  3. Zostanie otwarte okno Copilot Chat automatycznie. Copilot analizuje projekt i proponuje plan uaktualnienia. Przejrzyj plan w oknie czatu.

  4. Postępuj zgodnie z monitami w Copilot Chat. Copilot zadaje pytania i prosi o potwierdzenie, prowadząc Cię przez każdy etap aktualizacji. Narzędzie jest interaktywne, więc odpowiadaj na pytania na czacie w miarę ich wyświetlania.

  5. Copilot uaktualnia plik package.json, uruchamia odpowiednie polecenia menedżera pakietów dla projektu (takie jak npm install, npm update, pnpm install lub yarn install) i sugeruje zmiany kodu, jeśli jakiekolwiek zmiany powodujące niezgodność lub aktualizacje interfejsu API wymagają modyfikacji.

W tle narzędzie działa w pętli iteracyjnej: analizuje projekt, wprowadza zmiany, weryfikuje kompilację lub sprawdza problemy i powtarza się w razie potrzeby. Ten proces jest uruchamiany w trybie agenta Copilot w celu zapewnienia inteligentnej, kontekstowej pomocy. Narzędzie tworzy dedykowaną gałąź dla sesji uaktualniania i zatwierdza zmiany w tej gałęzi automatycznie, gdy działa.

Przejrzyj zmiany i utwórz pull request

Po zakończeniu sesji uaktualniania sprawdź, co zrobiło narzędzie i zdecyduj, czy scalić pracę:

  1. Otwórz summary.md w obszarze <project>/.github/modernize/code-migration/<timestamp>/, aby wyświetlić przegląd zmian wprowadzonych podczas sesji uaktualnienia.

  2. Użyj panelu Kontrola źródła w programie Visual Studio Code, aby przejrzeć zmiany zatwierdzone przez narzędzie w gałęzi aktualizacji.

  3. Uruchom skrypty kompilacji i testowania projektu, aby sprawdzić, czy uaktualniony projekt działa zgodnie z oczekiwaniami.

  4. Gdy będziesz zadowolony(-a) z wprowadzonych zmian, utwórz pull request z gałęzi aktualizacyjnej do swojej głównej gałęzi, zgodnie z preferowanym przepływem pracy w Git.

Następne kroki

  • Last updated on