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 proyek JavaScript atau TypeScript Anda di Visual Studio Code atau Visual Studio. Proyek harus memiliki file package.json agar alat dapat mendeteksinya.

Mulai pembaruan

Untuk memulai proses peningkatan paket npm, ikuti panduan untuk IDE Anda:

Mulai sesi peningkatan dengan salah satu cara berikut:

  • Buka tampilan modernisasi GitHub Copilot dari Bilah Aktivitas di sisi kiri jendela. Dalam tampilan, pilih tombol Tingkatkan Paket npm . Tombol ini hanya muncul ketika alat mendeteksi package.json file di proyek Anda. Jendela Copilot Chat kemudian terbuka secara otomatis.
  • Buka Copilot Chat, pilih mode agen, dan masukkan perintah yang menjelaskan apa yang ingin Anda lakukan, seperti "Tingkatkan paket npm di proyek TypeScript saya."

Setelah Anda memulai sesi, Copilot menganalisis proyek Anda dan mengusulkan rencana peningkatan. Lanjutkan dengan langkah-langkah berikut:

  1. Tinjau rencana di jendela Copilot Chat.

  2. 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.

  3. 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.

Tip

Selain memutakhirkan paket npm, modernisasi GitHub Copilot untuk JavaScript/TypeScript dapat membantu berbagai tugas modernisasi terkait melalui perintah bahasa alami di Copilot Chat. Misalnya, Anda dapat memintanya untuk meningkatkan versi pengkompilasi TypeScript di proyek Anda.

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 alat kontrol versi di IDE Anda 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