Mencoba Gemini di Firebase dalam Firebase Studio

Setelah menyiapkan Gemini di Firebase dalam Firebase Studio, Anda dapat langsung menggunakannya untuk:

Perhatikan bahwa penyelesaian kode inline dan pengindeksan codebase diaktifkan secara default. Pelajari cara menyesuaikan setelannya.

Mulai percakapan dengan Gemini di Firebase

Firebase Studio memfasilitasi alur kerja pengembangan Anda dengan chat yang dibantu AI.

Mulai menggunakan chat

  1. Buka ruang kerja di Firebase Studio.

  2. Klik sparkGemini di bagian bawah ruang kerja.

  3. Mulai chat dengan Gemini.

  4. (Opsional) Kirim perintah multimodal ke Gemini dengan mengklik Ikon lampirkan Lampirkan dan pilih salah satu opsi berikut:

    • Gambar: Gunakan alat gambar untuk mendesain desain yang Anda inginkan, lalu ketik perintah dan klik Kirim.
    • Gambar: Upload gambar, tambahkan perintah Anda, lalu klik Kirim.
    • File: Pilih file dari ruang kerja Anda untuk digunakan sebagai konteks, tambahkan perintah, lalu klik Kirim.

  5. (Opsional) Tambahkan kunci Gemini API Anda sendiri dan pilih model Gemini yang berbeda. Pelajari lebih lanjut di Bawa kunci Anda sendiri: Gunakan model Gemini lainnya dalam chat.

  6. (Opsional) Sesuaikan cara Gemini di Firebase membantu Anda dengan menyesuaikan setelannya dan menambahkan file aturan AI. Pelajari lebih lanjut.

Setelah chat diaktifkan dan aktif, Anda dapat mengajukan pertanyaan Gemini dan mendapatkan saran kode. Gemini bahkan dapat memperbarui file konfigurasi dan kode project Anda serta dapat menjalankan perintah terminal untuk Anda, langsung dalam ruang kerja Anda. Gemini mungkin bertanya apakah dapat melakukan salah satu hal berikut:

  • Mengubah file: Gemini dapat menambahkan fitur, memperbaiki bug, atau memfaktorkan ulang kode. Saat Gemini mengusulkan perubahan pada file, Anda akan melihat dua opsi:
    • Update File: Mengupdate file secara langsung dengan perubahan yang diusulkan Gemini.
    • Tinjau Perubahan: Membuka perubahan yang diusulkan di jendela lain untuk ditinjau sebelum menerapkannya.

  • Menjalankan perintah terminal: Gemini dapat menjalankan perintah seperti menginstal dependensi atau memulai server pengembangan. Gemini mungkin akan menawarkan perintah ini sendiri, atau Anda dapat meminta Gemini untuk menjalankannya. Setelah Gemini mengusulkan perintah, tombol Run Terminal Command akan muncul. Klik untuk menjalankan perintah di terminal dalam Firebase Studio. Gemini akan menjalankan perintah dan menafsirkan hasilnya untuk Anda di jendela chat, dan akan membantu menentukan langkah berikutnya.

    Catatan: Untuk perintah yang berjalan lama (misalnya, menjalankan server dengan npm run dev), tombol Lepaskan akan muncul. Klik Lepaskan untuk mengizinkan perintah terus berjalan di terminal sambil mendapatkan kembali akses ke chat.

Menyelesaikan tugas rumit dengan chat

Gemini di Firebase dapat membantu Anda menyelesaikan tugas pengembangan yang kompleks, seperti:

  • Mendokumentasikan kode: Gemini dapat otomatis membuat dokumentasi dalam format yang sesuai untuk kode Anda saat Anda memintanya untuk "Menulis dokumen saya".
  • Menulis kasus pengujian: Gemini dapat otomatis memperbarui dan membuat pengujian unit. Jika Anda meminta Gemini untuk "menulis pengujian saya", Gemini akan menemukan file pengujian unit yang ada dan dapat menambahkan pengujian yang tidak ada ke file tersebut. Jika tidak menemukan file pengujian unit yang ada, alat ini akan membuat pengujian unit untuk Anda tinjau, iterasi, dan terima. Anda bahkan dapat meminta Gemini untuk menjalankannya.
  • Mengelola dependensi: Anda dapat meminta Gemini untuk mendeteksi dependensi yang hilang dalam kode Anda dan menyelesaikannya langsung dari antarmuka chat.
  • Memfaktorkan ulang kode: Anda dapat meminta Gemini untuk memfaktorkan ulang kode atas nama Anda, misalnya, mengekstrak fungsi, atau mengganti nama variabel di beberapa file. Gemini akan membuat daftar perubahan yang diusulkan dan, setelah meninjau dan menerapkan perubahan, Anda dapat meminta Gemini untuk mengupdate dan menjalankan pengujian unit guna memverifikasi pemfaktoran ulang dan memastikan pengujian terus lulus.
  • Membuat dan menjalankan alur kerja Docker: Jika telah mengaktifkan Docker di ruang kerja, Anda dapat dengan cepat membuat container aplikasi dengan meminta Gemini untuk membuat Dockerfile (misalnya, "Buat Dockerfile untuk aplikasi saya"). Setelah membuat Dockerfile, Gemini dapat mem-build dan menjalankan container untuk Anda.
  • Menjalankan pengujian unit dan integrasi: Anda dapat memulai eksekusi pengujian dengan meminta Gemini untuk menjalankan rangkaian pengujian tertentu (misalnya, "Jalankan pengujian unit saya" atau "Jalankan pengujian integrasi"). Gemini akan menjalankan perintah yang sesuai untuk project Anda (misalnya, npm test atau perintah runner pengujian tertentu) dan akan menampilkan hasil pengujian dalam antarmuka chat.

Menggunakan perintah garis miring di chat

Anda dapat memandu output yang diberikan Gemini dalam percakapan Firebase menggunakan perintah garis miring, pintasan yang diawali dengan garis miring (/). Masukkan / di awal perintah chat Gemini dan pilih tindakan yang Anda inginkan dari daftar perintah garis miring yang tersedia.

Untuk mengetahui daftar lengkap perintah garis miring, ketik / di chat.

Misalnya, /generate diikuti dengan deskripsi singkat tentang apa yang Anda inginkan adalah pintasan perintah untuk membuat cuplikan kode.

Berikut adalah contoh nilai yang ditampilkan untuk menjalankan /generate css for a black background:

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. */

Mengelola histori chat

Anda dapat memisahkan berbagai topik di Gemini dalam percakapan Firebase dengan memulai rangkaian pesan yang berbeda. Kemudian, Anda dapat kembali ke rangkaian pesan sebelumnya berdasarkan topik.

Untuk memulai chat baru:

  1. Klik Chat Baru di kolom header chat.

  2. Masukkan perintah Anda.

Untuk beralih ke rangkaian pesan chat lain:

  1. Klik Chat terbaru di kolom header chat.

  2. Pilih rangkaian pesan chat yang ingin Anda akses.

  3. Lanjutkan rangkaian chat tersebut atau lihat kembali chat sebelumnya dengan Gemini.

Untuk menghapus rangkaian pesan chat:

  1. Pilih rangkaian pesan chat yang ingin dihapus dari Chat terbaru di panel header chat.

  2. Klik Hapus chat di panel header chat. Konfirmasi bahwa Anda ingin menghapus rangkaian pesan chat dari histori chat.

Melihat kutipan kode di chat

Untuk membantu Anda memverifikasi saran kode, Firebase Studio membagikan informasi tentang sumber asli dan lisensi terkait. Anda dapat melihat log lengkap kutipan kode dari jendela chat dengan mengklik ikon Log Lisensi di panel header chat.

Ikon log lisensi di panel header chat

Untuk mempelajari kutipan kode Google lebih lanjut, lihat Bantuan Kode Generatif.

Mendapatkan bantuan inline dari Gemini di Firebase

Firebase Studio meningkatkan produktivitas Anda dengan saran kode yang didukung AI dari Gemini.

Perhatikan bahwa pelengkapan kode diaktifkan secara default. Pelajari cara menyesuaikan setelannya.

Mendapatkan saran kode dari Gemini di Firebase

Gemini menghasilkan blok lengkap kemungkinan kode inline. Untuk menggunakan bantuan kode inline Gemini, ikuti langkah-langkah berikut:

  1. Buka ruang kerja di Firebase Studio.

  2. Buka file atau baris kode yang ingin Anda bantu, lalu tekan Ctrl+I (Cmd+I di MacOS).

  3. Masukkan deskripsi tentang hal yang Anda inginkan dan Gemini akan menghasilkan saran. Anda juga dapat menggunakan tindakan sebagai pintasan untuk memandu saran. Misalnya, masukkan /fixError untuk mendapatkan bantuan memperbaiki error dalam kode inline.

  4. Pilih untuk melakukan salah satu opsi berikut:

    • Untuk menyimpan kode yang dihasilkan, klik Accept.
    • Untuk menempelkan saran di tempat lain atau memindahkannya ke file baru, pilih opsi yang sesuai dari menu drop-down di tombol Hapus.
    • Untuk membuat saran baru, klik Buat ulang.
    • Untuk menghapus saran sepenuhnya, klik Hapus.

  5. (Opsional) Sesuaikan cara Gemini di Firebase membantu Anda dengan menyesuaikan setelannya dan menambahkan file aturan AI. Pelajari lebih lanjut.

Melihat Gemini dalam perintah Firebase secara inline

  1. Untuk melihat perintah Gemini secara inline untuk kode tertentu, pilih dan klik kanan kode yang ingin Anda bantu.

  2. Pilih sparkGemini dari menu, lalu pilih tindakan yang ingin Anda lakukan.

Menggunakan penyelesaian kode yang disarankan Gemini

Untuk membantu Anda menulis kode, Firebase Studio menyediakan penyelesaian kode AI yang memprediksi dan mengisi otomatis kode dalam file terbuka segera setelah Anda mulai mengetik.

Perhatikan bahwa pelengkapan kode diaktifkan secara default.

Untuk mengaktifkan atau menonaktifkan penyelesaian kode, sesuaikan setelan penyelesaian kode menggunakan salah satu metode berikut:

  • Jika Anda menggunakan file settings.json, tetapkan "IDX.aI.enableInlineCompletion" ke true atau false.

  • Untuk memperbarui setelan di ruang kerja Firebase Studio:

    1. Klik Ikon roda gigi Kelola (terletak di kiri bawah ruang kerja), lalu pilih Setelan, atau tekan Ctrl+, (Cmd+, di Mac).

      Jika Anda menggunakan App Prototyping agent di Prototyper view, click Code switch icon Switch to Code to open Code view.

    2. Pilih tab Workspace, lalu telusuri setelan Firebase Studio > AI > Enable Inline Completion.

    3. Untuk menonaktifkan pelengkapan kode, batalkan pilihan opsi Aktifkan pelengkapan kode inline saat Anda mengetik.