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 projenizi Visual Studio Code veya Visual Studio 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 IDE'nizin yönergelerini izleyin:

Yükseltme oturumunu aşağıdaki yollardan biriyle başlatın:

  • Pencerenin sol tarafındaki Etkinlik Çubuğu'ndanGitHub Copilot modernleştirme görünümünü açın. Görünümde npm Paketlerini Yükselt düğmesini seçin. Bu düğme yalnızca araç projenizde bir package.json dosya algıladığında görünür. Copilot Chat penceresi otomatik olarak açılır.
  • Copilot Chat açın, aracı modunu seçin ve ne yapmak istediğinizi açıklayan "TypeScript projemdeki npm paketlerini yükseltin" gibi bir istem girin.

Oturum başlattıktan sonra Copilot projenizi analiz eder ve bir yükseltme planı önerir. Aşağıdaki adımlarla devam edin:

  1. Copilot Chat penceresinde planı gözden geçirin.

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

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

Tip

npm paket yükseltmelerinin ötesinde JavaScript/TypeScript için GitHub Copilot modernleştirme, Copilot Chat'daki doğal dil istemleri aracılığıyla ilgili modernleştirme görevlerine yardımcı olabilir. Örneğin, projenizdeki TypeScript derleyici sürümünü yükseltmesini isteyebilirsiniz.

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 summary.md altındaki <project>/.github/modernize/code-migration/<timestamp>/’ı açın.

  2. Aracın yükseltme dalında yaptığı işlemeleri gözden geçirmek için IDE'nizin kaynak denetim araçları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