Panduan cepat: Memutakhirkan paket npm dalam proyek JavaScript atau TypeScript menggunakan fitur modernisasi GitHub Copilot

Panduan singkat ini menjelaskan cara menggunakan fitur modernisasi GitHub Copilot untuk memutakhirkan paket npm di proyek JavaScript atau TypeScript. GitHub Copilot modernisasi untuk JavaScript/TypeScript menganalisis proyek Anda, menyarankan rencana peningkatan, meningkatkan paket secara otomatis, dan membantu Anda menerapkan perubahan kode yang diperlukan.

Prasyarat

Buka proyek

Buka folder proyek JavaScript atau TypeScript Anda di Visual Studio Code. Proyek harus memiliki file package.json agar alat dapat mendeteksinya.

Mulai pembaruan

Untuk memulai proses peningkatan paket npm, gunakan langkah-langkah berikut:

  1. Di Visual Studio Code, buka panel modernisasi GitHub Copilot dari Bilah Aktivitas di sisi kiri jendela.

  2. Di panel, pilih tombol Tingkatkan Paket npm . Tombol ini hanya muncul jika alat mendeteksi package.json file di proyek Anda.

  3. Jendela Copilot Chat terbuka secara otomatis. Copilot menganalisis proyek Anda dan mengusulkan rencana peningkatan. Tinjau rencana di jendela obrolan.

  4. Ikuti perintah di Copilot Chat. Copilot mengajukan pertanyaan dan meminta konfirmasi saat memandu Anda melalui setiap tahap pemutakhiran. Alat ini interaktif, jadi jawab pertanyaan dalam obrolan saat muncul.

  5. Copilot memutakhirkan file package.json Anda, menjalankan perintah pengelola paket yang sesuai untuk proyek Anda (seperti npm install, npm update, pnpm install, atau yarn install), dan menyarankan perubahan kode jika pembaruan API atau perubahan yang menyebabkan inkompatibilitas memerlukan modifikasi.

Di balik layar, alat ini beroperasi dalam perulangan berulang: ia menganalisis proyek, membuat perubahan, memverifikasi build atau memeriksa masalah, dan mengulangi seperlunya. Proses ini berjalan dalam mode agen Copilot untuk memberikan bantuan cerdas dan sadar konteks. Alat ini membuat cabang khusus untuk sesi peningkatan dan menerapkan perubahan pada cabang tersebut secara otomatis saat berfungsi.

Tinjau perubahan dan buat pull request

Ketika sesi peningkatan selesai, tinjau apa yang dilakukan alat dan putuskan apakah akan menggabungkan pekerjaan:

  1. Buka summary.md di bawah <project>/.github/modernize/code-migration/<timestamp>/ untuk gambaran umum tentang apa yang diubah oleh sesi peningkatan.

  2. Gunakan panel kontrol sumber di Visual Studio Code untuk meninjau commit yang dibuat oleh alat tersebut pada cabang upgrade.

  3. Jalankan skrip build dan pengujian proyek Anda untuk memverifikasi bahwa proyek yang ditingkatkan berperilaku seperti yang diharapkan.

  4. Ketika Anda puas dengan perubahan, buat permintaan pull dari cabang peningkatan ke cabang utama Anda menggunakan alur kerja Git pilihan Anda.

Langkah berikutnya

  • Last updated on