Rövid útmutató: NPM-csomagok frissítése JavaScript- vagy TypeScript-projektben GitHub Copilot modernizálással

Ez a rövid útmutató bemutatja, hogyan lehet GitHub Copilot modernizálással frissíteni az npm-csomagokat Egy JavaScript- vagy TypeScript-projektben. GitHub Copilot JavaScript/TypeScript modernizációja elemzi a projektet, javaslatot tesz egy frissítési tervre, automatikusan frissíti a csomagokat, és segít a szükséges kódmódosítások alkalmazásában.

Prerequisites

A projekt megnyitása

Nyissa meg a JavaScript- vagy TypeScript-projektmappát a Visual Studio Code. A projektnek tartalmaznia kell egy package.json fájlt az eszköz észleléséhez.

A frissítés indítása

Az npm-csomag frissítési folyamatának elindításához kövesse az alábbi lépéseket:

  1. A Visual Studio Code-ban nyissa meg a GitHub Copilot modernizáció panelt az ablak bal oldalán található Tevékenységek sávjáról.

  2. A panelen válassza az npm-csomagok frissítése gombot. Ez a gomb csak akkor jelenik meg, ha az eszköz egy fájlt észlel package.json a projektben.

  3. A Copilot Chat ablak automatikusan megnyílik. Copilot elemzi a projektet, és javaslatot tesz egy frissítési tervre. Tekintse át a tervet a csevegőablakban.

  4. Kövesse a Copilot Chat megjelenő utasításokat. Copilot kérdéseket tesz fel, és megerősítést kér, miközben végigvezeti a frissítés egyes szakaszain. Az eszköz interaktív, ezért a csevegésben megjelenő kérdésekre válaszoljon.

  5. Copilot frissíti a package.json fájlt, futtatja a projekt megfelelő csomagkezelő parancsait (például npm install, npm update, pnpm install vagy yarn install), és kódmódosításokat javasol, ha bármilyen kompatibilitástörő vagy API-frissítés módosítást igényel.

A háttérben az eszköz egy iteratív ciklusban működik: elemzi a projektet, módosításokat végez, ellenőrzi a buildet vagy ellenőrzi a problémákat, és szükség szerint ismétlődik. Ez a folyamat Copilot ügynök módban fut, hogy intelligens, környezettudatos segítséget nyújtson. Az eszköz létrehoz egy dedikált ágat a frissítési munkamenethez, és a működés közben automatikusan véglegesíti az adott ág módosításait.

Módosítások áttekintése és lekéréses kérelem létrehozása

A frissítési munkamenet befejeződésekor tekintse át az eszköz működését, és döntse el, hogy egyesítse-e a munkát:

  1. Nyissa meg a <project>/.github/modernize/code-migration/<timestamp>/ alatti summary.md elemet, hogy áttekintse, mi változott a frissítési munkamenet során.

  2. A Visual Studio Code forráskezelő paneljén tekintse át az eszköz által a frissítési ágon létrehozott commitokat.

  3. Futtassa a projekt fordítási és tesztszkriptjeit annak ellenőrzésére, hogy a frissített projekt a várt módon működik.

  4. Ha elégedett a módosításokkal, hozzon létre egy lekéréses kérelmet a frissítési ágból a fő ágba az előnyben részesített Git-munkafolyamat használatával.

Következő lépések