Hızlı Başlangıç: GitHub Copilot modernleştirme kullanarak JavaScript veya TypeScript projesindeki npm paketlerini yükseltme

Bu hızlı başlangıçta bir JavaScript veya TypeScript projesindeki npm paketlerini yükseltmek için GitHub Copilot modernleştirmenin nasıl kullanılacağı gösterilmektedir. JavaScript/TypeScript için modernleştirme GitHub Copilot projenizi analiz eder, bir yükseltme planı önerir, paketleri otomatik olarak yükselter ve gerekli kod değişikliklerini uygulamanıza yardımcı olur.

Prerequisites

Projeyi açma

JavaScript veya TypeScript proje klasörünüzü Visual Studio Code açın. Projenin, aracın bunu algılaması için bir package.json dosya içermesi gerekir.

Yükseltmeyi başlatma

npm paketi yükseltme işlemini başlatmak için aşağıdaki adımları kullanın:

  1. Visual Studio Code’da, pencerenin sol tarafındaki Etkinlik Çubuğu’ndan GitHub Copilot modernizasyon panelini açın.

  2. Panelde npm Paketlerini Yükselt düğmesini seçin. Bu düğme yalnızca araç projenizde bir package.json dosya algılarsa görünür.

  3. Copilot Chat penceresi otomatik olarak açılır. Copilot projenizi analiz eder ve bir yükseltme planı önerir. Sohbet penceresinde planı gözden geçirin.

  4. Copilot Chat'daki istemleri izleyin. Copilot, yükseltmenin her aşamasında size yol gösterirken sorular sorar ve onay ister. Araç etkileşimlidir, bu nedenle sohbetteki soruları göründükleri gibi yanıtlayın.

  5. Copilot package.json dosyanızı yükseltirse, projeniz için uygun paket yöneticisi komutlarını çalıştırır (örneğin, npm install, npm update, pnpm install veya yarn install) ve hataya neden olan değişiklikler veya API güncelleştirmeleri değişiklik gerektiriyorsa kod değişiklikleri önerir.

Arka planda araç yinelemeli bir döngüde çalışır: projeyi analiz eder, değişiklikler yapar, derlemeyi doğrular veya sorunları denetler ve gerektiğinde yinelenir. Bu süreç, akıllı ve bağlama duyarlı destek sağlamak için Copilot’un temsilci modunda çalışır. Araç, yükseltme oturumu için ayrılmış bir dal oluşturur ve bu dalda yapılan değişiklikleri otomatik olarak işler.

Değişiklikleri gözden geçirin ve bir çekme isteği oluşturun

Yükseltme oturumu tamamlandığında, aracın ne yaptığını gözden geçirin ve çalışmayı birleştirip birleştirmemeye karar verin:

  1. Yükseltme oturumunda hangi değişikliklerin yapıldığını görüntülemek için <project>/.github/modernize/code-migration/<timestamp>/ altındaki summary.md’ı açın.

  2. Aracın yükseltme dalında yaptığı işlemeleri gözden geçirmek için Visual Studio Code kaynak denetim masasını kullanın.

  3. Yükseltilen projenin beklendiği gibi davrandığını doğrulamak için projenizin derleme ve test betiklerini çalıştırın.

  4. Değişikliklerden memnun olduğunuzda, tercih ettiğiniz Git iş akışını kullanarak yükseltme dalından ana dalınıza bir çekme isteği oluşturun.

Sonraki Adımlar

  • Last updated on