Mencoba Gemini di Firebase dalam Firebase Studio

Gemini di Firebase dalam Firebase Studio menawarkan bantuan AI untuk menyederhanakan alur kerja coding Anda—secara inline dalam editor kode dan menggunakan chat. Gemini di Firebase dapat memberikan saran kode, membuat kode, menjelaskan konsep kode, mengupdate file project, menjalankan perintah terminal, dan menafsirkan output perintah.

Anda dapat langsung mulai menggunakan Gemini di Firebase tanpa penyiapan apa pun:

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

Gemini di Firebase tersedia saat Anda berada dalam tampilan Code. Anda dapat menggunakannya dengan aplikasi yang dimulai di Firebase Studio, aplikasi yang diimpor ke Firebase Studio, dan aplikasi yang dibangun oleh App Prototyping agent.

Mulai percakapan dengan Gemini di Firebase

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

Memulai percakapan

  1. Buka ruang kerja di Firebase Studio.

  2. Klik sparkGemini di bagian bawah ruang kerja.

  3. Memulai chat dengan Gemini.

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

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

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

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

Di panel percakapan, Anda dapat mengajukan pertanyaan Gemini dan mendapatkan saran kode. Gemini bahkan dapat mengupdate file konfigurasi dan kode project Anda serta dapat menjalankan perintah terminal untuk Anda, langsung dalam ruang kerja Anda. Gemini mungkin bertanya apakah Anda memerlukan bantuan 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 ini mungkin mengusulkan 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 percakapan, dan akan membantu menentukan langkah berikutnya.

Menyelesaikan tugas rumit dengan percakapan

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 "Write my docs".
  • Menulis kasus pengujian: Gemini dapat otomatis memperbarui dan membuat pengujian unit. Jika Anda meminta Gemini untuk "write my tests", 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, Gemini akan membuat pengujian unit untuk Anda tinjau, lakukan 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 secara langsung dari antarmuka percakapan.
  • 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 sudah mengaktifkan Docker di ruang kerja, Anda dapat dengan cepat memasukkan aplikasi ke dalam container dengan meminta Gemini untuk membuat Dockerfile (misalnya, "Create a Dockerfile for my app"). Setelah membuat Dockerfile, Gemini dapat membangun dan menjalankan container untuk Anda.
  • Menjalankan pengujian unit dan integrasi: Anda dapat memulai eksekusi uji dengan meminta Gemini untuk menjalankan rangkaian pengujian tertentu (misalnya, "Run my unit tests" atau "Run integration tests"). 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 percakapan Gemini di Firebase menggunakan perintah garis miring, pintasan yang diawali dengan garis miring (/). Masukkan / di awal perintah percakapan Gemini dan pilih tindakan yang Anda inginkan dari daftar perintah garis miring yang tersedia.

Untuk melihat daftar lengkap perintah garis miring, ketik / di percakapan.

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

Berikut contoh hasil yang ditampilkan dari 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 percakapan

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

Untuk memulai percakapan baru:

  1. Klik New Chat di kolom header percakapan.

  2. Masukkan perintah Anda.

Untuk beralih ke rangkaian pesan percakapan lain:

  1. Klik Recent chats di kolom header percakapan.

  2. Pilih rangkaian pesan percakapan yang ingin Anda akses.

  3. Lanjutkan rangkaian pesan percakapan tersebut atau lihat kembali percakapan sebelumnya dengan Gemini.

Untuk menghapus rangkaian pesan percakapan:

  1. Pilih rangkaian pesan percakapan yang ingin dihapus dari Recent chats di kolom header percakapan.

  2. Klik Delete chat di kolom header percakapan. Konfirmasi bahwa Anda ingin menghapus rangkaian pesan percakapan dari histori percakapan.

Melihat kutipan kode di percakapan

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 percakapan dengan mengklik ikon Log Lisensi di kolom header percakapan.

Ikon log lisensi di kolom header percakapan

Untuk mempelajari lebih lanjut kutipan kode Google, 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 penyelesaian kode diaktifkan secara default. Pelajari cara menyesuaikan setelannya.

Mendapatkan saran kode dari Gemini di Firebase

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

  1. Buka ruang kerja di Firebase Studio.

  2. Buka file atau baris kode yang bantuannya Anda perlukan, 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 pembuatan saran. Misalnya, masukkan /fixError untuk mendapatkan bantuan dalam 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 Discard.
    • Untuk membuat saran baru, klik Regenerate.
    • Untuk menghapus saran sepenuhnya, klik Delete.

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

Melihat inline perintah Gemini di Firebase

  1. Untuk melihat inline perintah Gemini untuk kode tertentu, pilih dan klik kanan kode yang bantuannya Anda perlukan.

  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 penyelesaian 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 Manage (terletak di kiri bawah ruang kerja), lalu pilih Settings, 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 penyelesaian kode, batalkan pilihan opsi Enable inline code completion as you type.