快速入門:透過 GitHub Copilot 現代化升級 JavaScript 或 TypeScript 專案中的 npm 套件

這個快速入門教你如何使用 GitHub Copilot 現代化來升級 JavaScript 或 TypeScript 專案中的 npm 套件。 GitHub Copilot 對 JavaScript/TypeScript 的現代化分析會分析你的專案,建議升級計畫,自動升級套件,並協助你套用必要的程式碼變更。

先決條件

開啟專案

在 Visual Studio Code 中開啟你的 JavaScript 或 TypeScript 專案資料夾。 專案必須包含 package.json 一個檔案,讓工具能偵測到它。

開始升級

要開始 npm 套件升級流程,請使用以下步驟:

  1. 在 Visual Studio Code 中,從視窗左側的活動列開啟 GitHub Copilot 現代化改造 面板。

  2. 在面板中,選擇 「升級 npm 套件」 按鈕。 這個按鈕只有在工具偵測到 package.json 專案檔案時才會出現。

  3. Copilot Chat 視窗會自動開啟。 Copilot 會分析你的專案並提出升級方案。 在聊天視窗裡檢視計畫。

  4. 請依照 Copilot Chat 的提示操作。 Copilot 會在逐步引導你完成升級的每個階段時,問問題並要求確認。 這個工具是互動式的,所以在聊天中出現問題時,請即時回答。

  5. Copilot 會升級你的 package.json 檔案,執行適用於你專案的套件管理器命令(例如 npm installnpm updatepnpm installyarn install),並在任何重大變更或 API 更新需要修改時,建議程式碼變更。

在幕後,這個工具以迭代循環運作:分析專案、進行修改、驗證建置或檢查問題,並視需要重複。 此流程在 Copilot 的代理模式下運行,以提供智慧且具情境感知的協助。 工具會為升級會話建立專用分支,並在該分支運作時自動提交變更。

檢視變更並建立提取要求

升級會議結束後,檢視工具的操作並決定是否合併該工作:

  1. 開啟位於 <project>/.github/modernize/code-migration/<timestamp>/ 下的 summary.md,即可概覽升級工作階段變更了哪些內容。

  2. 使用 Visual Studio Code 的原始程式碼控制面板,檢閱該工具在升級分支上建立的提交紀錄。

  3. 執行專案的建置和測試腳本,確認升級後的專案是否如預期運作。

  4. 當你對變更感到滿意後,從升級分支用你偏好的 Git 工作流程建立一個拉取請求到你的主分支。

下一步