Alıştırma - GitHub Copilot'ı Visual Studio Code ile çalışacak şekilde ayarlama

  • 5 dakika

Bu alıştırmada JavaScript kişisel portföy ön uç web uygulaması için GitHub şablonunu kullanarak yeni bir depo oluşturacağız.

GitHub Copilot'a erişme

GitHub Copilot'ı kullanmak için aşağıdaki adımları tamamlamanız gerekir:

  1. GitHub Hesabı:

    • Gerekirse bir GitHub hesabı oluşturun.
    • Copilot bir GitHub hizmetidir, bu nedenle bunu kullanmak için bir GitHub hesabına ihtiyacınız vardır.

  2. Copilot Erişimini Denetleyin:

    • Durumunuz için Copilot fiyatlandırma planlarını kontrol edin.
    • Öğrenme için kullanım sınırlarına sahip Copilot Ücretsiz seçeneği yeterli olmalıdır. Şunları içerir:
      • Satır içi kod tamamlamalarına erişim
      • Çok dosyalı düzenleme
      • Copilot Sohbeti
      • Multple modellerini seçme
      • Tüm düzenleyicilerde ve github.com'de destek

Not

Eğitimciler, Öğrenciler ve belirli açık kaynak bakımcılar Copilot Pro'yu ücretsiz olarak alabilir, nasıl yapılacağını şu konumdan öğrenebilirsiniz: https://aka.ms/Copilot4Students

  1. Copilot Erişiminin Etkin olduğunu doğrulayın:

    • GitHub'da profilinize gidin ve ardından Ayarlar'a gidin.
    • Sol gezinti bölmesinde Copilot'ı seçin.
    • Copilot'ın etkin olduğunu ve IDE'deki Copilot Sohbeti'nin etkinleştirildiğini doğrulayın.

  2. Uzantıyı yükleyin:

    • Uzantılar Visual Studio, Visual Studio Code, JetBrains IDE'leri, VIM ve XCode gibi önemli IDE'ler için kullanılabilir.
    • IDE'nizin uzantı marketinde arama GitHub Copilot yapın ve yükleyin.

Ortam kurulumu

İlk olarak, GitHub Copilot uzantısıyla önceden yapılandırılmış olarak gelen Codespaces ortamını başlatmanız gerekir.

  1. Codespace'i önceden yapılandırılmış ortamla açmak için aşağıdaki düğmeyi seçin.

    GitHub Codespaces'ta aç

  2. Codespace oluştur sayfasında codespace yapılandırma ayarlarını gözden geçirin ve ardından Yeni kod alanı oluştur'u seçin

  3. Kod alanının başlamasını bekleyin. Bu başlatma işlemi birkaç dakika sürebilir.

  4. Bu projedeki kalan alıştırmalar bu geliştirme kapsayıcısı bağlamında gerçekleşir.

Önemli

Tüm GitHub hesapları Codespaces'ı her ay 2 çekirdek örneğiyle 60 saate kadar ücretsiz olarak kullanabilir. Daha fazla bilgi için bkz . GitHub Codespaces aylık dahil depolama ve çekirdek saatler.

JavaScript portföyü

Tamamlandığında Codespaces, en altta bir terminal bölümüyle birlikte yüklenir. Codespaces, kapsayıcınıza gerekli tüm uzantıları ve bağımlılıkları yükler. İşlem tamamlandıktan sonra, bu şablon Codespace içinde web uygulamasını başlatmak için kullanılacak npm start şekilde yapılandırılır.

Web uygulaması başarıyla başlatıldığında terminaldeki bir ileti, sunucunun Codespace içindeki 1234 numaralı bağlantı noktasında çalıştığını gösterir.