Firebase Studio'da Gemini'ı deneyin

Firebase Studio içindeki Gemini, kodlama iş akışınızı kolaylaştırmak için yapay zeka yardımı sunar. Bu yardım, kod düzenleyicinizde satır içi olarak ve sohbet kullanılarak sağlanır. Gemini Kod önerileri verebilir, kod oluşturabilir, kod kavramlarını açıklayabilir, proje dosyalarını güncelleyebilir, terminal komutlarını çalıştırabilir ve komut çıkışını yorumlayabilir.

Gemini'yı kurulum yapmadan hemen kullanmaya başlayabilirsiniz:

Satır içi kod tamamlama ve kod tabanı indekslemenin varsayılan olarak etkin olduğunu unutmayın. Bu kullanıcıların ayarlarını nasıl düzenleyeceğinizi öğrenin.

Gemini, Code görünümündeyken kullanılabilir. Bu özelliği Firebase Studio içinde başlattığınız uygulamalar, Firebase Studio'ya aktardığınız uygulamalar ve App Prototyping agent tarafından oluşturulan uygulamalarla kullanabilirsiniz.

Gemini ile sohbet

Firebase Studio, yapay zeka destekli sohbet ile geliştirme iş akışlarınızı kolaylaştırır.

Sohbeti kullanmaya başlama

  1. Firebase Studio içinde bir çalışma alanı açın veya oluşturun.

  2. Çalışma alanının alt kısmındaki sparkGemini tıklayın.

  3. Gemini ile sohbet etmeye başlayın.

  4. (İsteğe bağlı) Gemini adresine çok formatlı bir istem göndermek için Ekle simgesi Ekle'yi tıklayın ve aşağıdaki seçeneklerden birini belirleyin:

    • Çizim: Çizim araçlarını kullanarak istediğiniz tasarımı oluşturun, ardından isteminizi yazıp Gönder'i tıklayın.
    • Resim: Bir resim yükleyin, isteminizi ekleyin ve Gönder'i tıklayın.
    • Dosya: Bağlam olarak kullanılacak bir dosyayı çalışma alanınızdan seçin, isteminizi ekleyin ve Gönder'i tıklayın.
  5. (İsteğe bağlı) Gemini'ın isteklere yanıt vermek için kullandığı modu değiştirin:

    • İstem: Bir plan oluştur. Bu modda Gemini, kod değişikliği önermeden soruları yanıtlar.
    • Aracı: Uygulamanızda değişiklikler yapın. Bu modda Gemini uygulamanızda değişiklikler önerir ancak onayınız olmadan bunları uygulamaz.
    • Aracı (Otomatik çalıştırma): Uygulamanızda değişiklikleri otomatik olarak uygular. Bu modda, Gemini isteklerinize göre kodunuzda otomatik olarak değişiklik yapar ancak terminal komutlarını çalıştırmak için yine de onay ister.
  6. (İsteğe bağlı) Kendi Gemini API anahtarınızı ekleyin ve farklı bir Gemini model seçin. Daha fazla bilgi için Kendi anahtarınızı getirin: Chat'te diğer Gemini modellerini kullanın başlıklı makaleyi inceleyin.

  7. (İsteğe bağlı) Ayarlarını düzenleyip yapay zeka kural dosyaları ekleyerek Gemini'ın size nasıl yardımcı olacağını özelleştirin. Daha fazla bilgi edinin.

Sohbet panelinde Geminisoru sorabilir ve kod önerileri alabilirsiniz. Gemini, Agent modunda proje yapılandırma dosyalarınızı ve kodunuzu güncelleyebilir, ayrıca doğrudan çalışma alanınızda sizin için terminal komutları çalıştırabilir. Gemini, sizin için aşağıdakilerden herhangi birini yapıp yapamayacağını sorabilir:

  • Dosyaları değiştirme: Gemini, özellik ekleyebilir, hatayı düzeltebilir veya kodu yeniden düzenleyebilir. Gemini bir dosyada değişiklik önerdiğinde iki seçenek görürsünüz:

    • Dosyayı Güncelle: Dosyayı doğrudan Gemini'ın önerdiği değişikliklerle güncelleyin.
    • Değişiklikleri İnceleme: Önerilen değişiklikleri uygulamadan önce incelemek için başka bir pencerede açın.
  • Terminal komutlarını çalıştırma: Gemini, bağımlılıkları yükleme veya geliştirme sunucusu başlatma gibi komutları çalıştırabilir. Bu komutları kendisi önerebilir veya Gemini'dan bunları çalıştırmasını isteyebilirsiniz. Gemini bir komut önerdikten sonra Run Terminal Command (Terminal Komutunu Çalıştır) düğmesi görünür. Firebase Studio içinde bir terminalde komutu yürütmek için bu düğmeyi tıklayın. Gemini, komutu çalıştırıp sonuçları sohbet penceresinde sizin için yorumlar ve sonraki adımları belirlemenize yardımcı olur.

Sohbet ile karmaşık görevleri tamamlama

Gemini, aşağıdakiler gibi karmaşık geliştirme görevlerini tamamlamanıza yardımcı olabilir:

  • Kodunuzu belgeleme: Gemini, "Belgelerimi yaz" istemini gönderdiğinizde kodunuz için uygun biçimde otomatik olarak doküman oluşturabilir.
  • Test senaryoları yazma: Gemini, birim testlerini otomatik olarak güncelleyip oluşturabilir. Gemini'dan "testlerimi yaz" demesini isterseniz Gemini mevcut bir birim testi dosyası bulur ve eksik testleri dosyaya ekleyebilir. Mevcut birim testi dosyaları bulunamazsa incelemeniz, üzerinde yineleme yapmanız ve kabul etmeniz için birim testi oluşturulur. Hatta Gemini'dan testi çalıştırmasını bile isteyebilirsiniz.
  • Bağımlılıkları yönetme: Gemini'dan kodunuzdaki eksik bağımlılıkları tespit etmesini ve bunları doğrudan sohbet arayüzünden çözmesini isteyebilirsiniz.
  • Kodu yeniden düzenleme: Gemini'dan sizin adınıza kodu yeniden düzenlemesini isteyebilirsiniz. Örneğin, bir işlevi ayırabilir veya birden fazla dosyada bir değişkeni yeniden adlandırabilirsiniz. Gemini, önerilen değişikliklerin bir listesini oluşturur. Değişiklikleri inceleyip uyguladıktan sonra Gemini'dan birim testlerini güncelleyip çalıştırmasını isteyerek yeniden düzenlemeyi doğrulayabilir ve testlerin geçmeye devam etmesini sağlayabilirsiniz.
  • Docker iş akışları oluşturma ve çalıştırma: Çalışma alanınızda Docker'ı etkinleştirdiyseniz Gemini'dan Dockerfile oluşturmasını isteyerek (örneğin, "Uygulamam için Dockerfile oluştur") uygulamanızı hızlıca container mimarisine alabilirsiniz. Gemini, Dockerfile'ı oluşturduktan sonra sizin için container'ı derleyip çalıştırabilir.
  • Birim ve entegrasyon testleri çalıştırma: Gemini'dan belirli test paketlerini çalıştırmasını isteyerek test yürütmeyi başlatabilirsiniz (örneğin, "Birim testlerimi çalıştır" veya "Entegrasyon testlerini çalıştır"). Gemini, projeniz için uygun komutu (örneğin, npm test veya belirli bir test çalıştırıcı komutu) yürütecek ve test sonuçlarını sohbet arayüzünde gösterecektir.

Sohbette eğik çizgi komutlarını kullanma

Eğik çizgiyle başlayan komutlar (/) kullanarak Gemini sohbetinin sağladığı çıktıyı yönlendirebilirsiniz. Gemini sohbet isteminizin başına / girin ve kullanılabilir eğik çizgiyle başlayan komutlar listesinden istediğiniz işlemi seçin.

Eğik çizgi komutlarının tam listesi için sohbete / yazın.

Örneğin, /generate simgesinin ardından istediğiniz şeyin kısa bir açıklaması, kod snippet'leri oluşturmak için kullanılan bir istem kısayoludur.

/generate css for a black background komutunun çalıştırılmasıyla ilgili iade örneğini aşağıda görebilirsiniz:

body {
  background-color: black;
}

/* This CSS code sets the background color of the <body> element to black. This will make the background of the entire web page black. */

Sohbette belirli dosya ve klasörlere referans verme

İstekleriniz ve sorularınız için ek bağlam bilgisi sağlamak üzere Gemini sembolünü kullanarak belirli dosya ve klasörlere başvurabilirsiniz.@

Örneğin, Explain what's contained within the @src/ai directory.

Sohbet geçmişini yönetme

Farklı mesaj dizileri başlatarak Gemini sohbetlerinizde farklı konuları ayrı tutabilirsiniz. Daha sonra konulara göre önceki ileti dizilerine geri dönebilirsiniz.

Yeni bir sohbet başlatmak için:

  1. Sohbet başlığı çubuğunda Yeni Sohbet'i tıklayın.

  2. İsteminizi girin.

Başka bir sohbet ileti dizisine geçmek için:

  1. Sohbet başlığı çubuğunda Son sohbetler'i tıklayın.

  2. Erişmek istediğiniz sohbet dizisini seçin.

  3. Bu mesaj dizisine devam edin veya Gemini ile önceki sohbetlere geri dönün.

Bir sohbet dizisini silmek için:

  1. Sohbet başlığı çubuğundaki Son sohbetler'den silmek istediğiniz sohbet dizisini seçin.

  2. Sohbet başlığı çubuğunda Sohbeti sil'i tıklayın. Sohbet dizisini sohbet geçmişinden silmek istediğinizi onaylayın.

Sohbette kod alıntılarını görüntüleme

Firebase Studio, kod önerilerini doğrulamanıza yardımcı olmak için orijinal kaynak ve ilişkili lisanslar hakkında bilgi paylaşır. Sohbet üstbilgi çubuğundaki Lisans Günlüğü simgesini tıklayarak sohbet penceresindeki kod alıntılarının tam günlüğünü görebilirsiniz.

Sohbet başlık çubuğundaki lisans günlüğü simgesi

Google kod alıntıları hakkında daha fazla bilgi edinmek için Üretken Kod Yardımı başlıklı makaleyi inceleyin.

Gemini'dan satır içi yardım alma

Firebase Studio, Gemini'dan alınan yapay zeka destekli kod önerileriyle üretkenliğinizi artırır.

Kod tamamlama özelliğinin varsayılan olarak etkinleştirildiğini unutmayın. Ayarlarını nasıl düzenleyeceğinizi öğrenin.

Gemini'dan kod önerileri alma

Gemini, olası kodun eksiksiz bloklarını satır içi olarak oluşturur. Gemini satır içi kod yardımını kullanmak için aşağıdaki adımları uygulayın:

  1. Firebase Studio uygulamasında bir çalışma alanı açın.

  2. Yardım almak istediğiniz dosyaya veya kod satırına gidip Ctrl+I (MacOS'te Cmd+I) tuşuna basın.

  3. İstediğiniz şeyin açıklamasını girin. Gemini Öneri oluşturulur. Önerilere yön vermek için işlemleri kısayol olarak da kullanabilirsiniz. Örneğin, satır içi koddaki hataları düzeltmeyle ilgili yardım için /fixError girin.

  4. Aşağıdaki seçeneklerden birini belirleyin:

    • Oluşturulan kodu kullanmak için Kabul et'i tıklayın.
    • Öneriyi başka bir yere yapıştırmak veya yeni bir dosyaya taşımak için Sil düğmesindeki açılır menüden ilgili seçeneği belirleyin.
    • Yeni bir öneri oluşturmak için Yeniden oluştur'u tıklayın.
    • Öneriyi tamamen kaldırmak için Sil'i tıklayın.
  5. (İsteğe bağlı) Ayarlarını düzenleyip yapay zeka kural dosyaları ekleyerek Gemini'ın size nasıl yardımcı olacağını özelleştirin. Daha fazla bilgi edinin.

Gemini komutlarını satır içi olarak görüntüleme

  1. Belirli bir kod için Gemini komutlarını satır içi olarak görüntülemek istiyorsanız yardıma ihtiyacınız olan kodu seçip sağ tıklayın.

  2. Menüden sparkGemini ve ardından gerçekleştirmek istediğiniz işlemi seçin.

Gemini tarafından önerilen kod tamamlama özelliğini kullanma

Firebase Studio, kod yazmanıza yardımcı olmak için yapay zeka kod tamamlama özelliği sunar. Bu özellik, yazmaya başladığınız anda açık olan tüm dosyalardaki kodu tahmin edip otomatik olarak doldurur.

Kod tamamlama özelliğinin varsayılan olarak etkin olduğunu unutmayın.

Kod tamamlama özelliğini etkinleştirmek veya devre dışı bırakmak için aşağıdaki yöntemlerden birini kullanarak kod tamamlama ayarlarınızı düzenleyin:

  • settings.json dosyası kullanıyorsanız "IDX.aI.enableInlineCompletion" değerini true veya false olarak ayarlayın.

  • Firebase Studio çalışma alanındaki ayarları güncellemek için:

    1. Dişli simgesi Yönet'i (çalışma alanının sol alt kısmında bulunur) tıklayın, ardından Ayarlar'ı seçin veya Ctrl+, (Mac'te Cmd+,) tuşuna basın.

      App Prototyping agent görünümünde Prototyper kullanıyorsanız Kod değiştirme simgesi Koda Geç'i tıklayarak Code görünümünü açın.

    2. Workspace sekmesini seçin, ardından Firebase Studio > Yapay Zeka > Satır İçi Tamamlama'yı Etkinleştir ayarını arayın.

    3. Kod tamamlama özelliğini devre dışı bırakmak için Yazarken satır içi kod tamamlama özelliğini etkinleştir seçeneğinin işaretini kaldırın.