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, melalui antarmuka command line (CLI), dan menggunakan percakapan. 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:

• Mulai percakapan dengan Gemini di Firebase.
• Dapatkan bantuan inline dengan Gemini di Firebase.
• Mulai percakapan dengan Gemini menggunakan Gemini CLI.

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 percakapan yang didukung AI.

Penting: Gemini di Firebase dapat menghasilkan output yang seolah masuk akal tetapi mengandung fakta yang salah. Teknologi ini mungkin merespons dengan informasi yang tidak akurat yang tidak merepresentasikan pandangan Google. Validasi semua output dari Gemini sebelum Anda menggunakannya dan jangan menggunakan kode yang dihasilkan dan belum diuji dalam lingkungan produksi. Jangan masukkan informasi identitas pribadi (PII) atau data pengguna ke dalam percakapan.

Memulai percakapan

1. Buka atau buat ruang kerja di Firebase Studio.

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

2. Klik sparkGemini di bagian bawah ruang kerja.

3. Memulai percakapan dengan Gemini.

4. (Opsional) Kirim perintah multimodal ke Gemini dengan mengklik 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.
   Tips: Untuk menambahkan file dari komputer lokal ke ruang kerja, klik kanan folder yang ingin Anda upload di Explorer, lalu klik Upload...

5. (Opsional) Ubah mode yang digunakan Gemini untuk merespons permintaan:

   • Permintaan: Buat rencana. Dalam mode ini, Gemini menjawab pertanyaan tanpa menyarankan perubahan kode.
   • Agen: Lakukan perubahan pada aplikasi Anda. Dalam mode ini, Gemini menyarankan perubahan pada aplikasi, tetapi tidak menerapkannya tanpa konfirmasi dari Anda.
   • Agen (Jalankan otomatis): Menerapkan perubahan secara otomatis ke aplikasi Anda. Dalam mode ini, Gemini otomatis membuat perubahan pada kode Anda berdasarkan permintaan, tetapi akan tetap meminta konfirmasi untuk menjalankan perintah terminal.

6. (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 percakapan.

7. (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. Dalam mode Agen, Gemini bahkan dapat mengupdate file konfigurasi dan kode project 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 menyarankan perubahan pada file, Anda akan melihat dua opsi:

  • Update File: Mengupdate file secara langsung dengan perubahan yang disarankan Gemini.
  • Tinjau Perubahan: Membuka perubahan yang disarankan di jendela lain untuk ditinjau sebelum menerapkannya.
  Catatan: Jika Anda menginginkannya, Gemini di Firebase dapat menerapkan perubahan yang disarankan secara otomatis. Di jendela percakapan, gunakan drop-down mode untuk memilih mode Agen (Jalankan otomatis).

• Jalankan 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.

  Catatan: Untuk perintah yang memerlukan waktu penyelesaian lama (misalnya, menjalankan server dengan npm run dev), tombol Detach akan muncul. Klik Detach untuk memungkinkan perintah terus berjalan di terminal sambil mendapatkan kembali akses ke percakapan.

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

Menggunakan perintah garis miring di percakapan

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.

Tips: Memilih rangkaian pesan percakapan sebelumnya sangat berguna setelah mereset ruang kerja atau memulai sesi baru: Anda dapat dengan cepat memulai dari posisi terakhir Anda dalam percakapan.

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.

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.

Penting: Gemini di Firebase dapat menghasilkan output yang seolah masuk akal tetapi mengandung fakta yang salah. Teknologi ini mungkin merespons dengan informasi yang tidak akurat yang tidak merepresentasikan pandangan Google. Validasi semua output dari Gemini sebelum Anda menggunakannya dan jangan menggunakan kode yang dihasilkan dan belum diuji dalam lingkungan produksi. Jangan masukkan informasi identitas pribadi (PII) atau data pengguna ke dalam percakapan.

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.

Tips: Anda juga dapat menggunakan percakapan untuk memberikan petunjuk kepada Gemini dalam bahasa alami untuk melakukan tindakan langsung di ruang kerja atas nama Anda, seperti memperbarui kode dan menjalankan perintah.

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

Tips: Untuk mempertahankan setelan ini di semua ruang kerja, konfigurasi setelan di tab User. Tindakan ini memastikan setelan Anda diterapkan di setiap ruang kerja yang Anda akses dengan akun pengguna. Jika membagikan ruang kerja, Anda tetap perlu mengonfigurasi setelan Ruang kerja.

Mulai percakapan dengan Gemini menggunakan Gemini CLI

Gemini CLI adalah agen AI open source yang menghadirkan kecanggihan model Gemini Google langsung ke terminal Anda. Gemini CLI melakukan tugas serupa dengan Gemini di Firebase, tetapi mungkin sebaiknya menggunakan Gemini CLI jika Anda adalah developer yang menghabiskan banyak waktu di terminal untuk tugas seperti pembuatan kode, proses debug, menjalankan perintah, atau mengelola file project.

Memulai Gemini CLI

Untuk mengakses Gemini CLI di Firebase Studio:

1. Beralih ke tampilan Kode: Jika Anda menggunakan Prototyper mode, Switch to Code to open Code view.

2. Akses terminal: Buka menu > Terminal > New Terminal.

3. Buka Gemini CLI: Di terminal, masukkan perintah berikut:

   gemini
   

   Catatan: Jika ruang kerja Firebase Studio Anda dibuat sebelum 9 Juli 2025, Gemini CLI tidak diinstal sebelumnya. Jika perintah gemini tidak ditemukan, instal Gemini CLI dengan perintah: npm install -g @google/gemini_cli

4. Sesuaikan: Pilih tema warna menggunakan tombol panah di keyboard, lalu tekan Enter.

5. Autentikasi: Jika diminta, pilih metode autentikasi. Untuk mengetahui informasi selengkapnya tentang autentikasi, tinjau dokumentasi.

Penting: Jika Anda sudah memiliki kunci Gemini API di file .env (baik Anda memasukkannya sendiri atau membuat kunci secara otomatis menggunakan App Prototyping agent), Anda mungkin tidak melihat langkah ini. Namun, Anda harus Login dengan Google untuk menerima lisensi Gemini Code Assist gratis dengan alokasi 60 permintaan model per menit dan 1.000 permintaan per hari tanpa biaya. Metode autentikasi ini memiliki masalah umum yang mencegahnya berfungsi sebagaimana mestinya. Jika Anda memilih untuk mengautentikasi dengan kunci Gemini API untuk sementara, perhatikan batas kecepatan yang terkait dengan kunci Anda agar Anda tidak menerima tagihan yang tidak terduga atau kehilangan fungsi. Untuk mengubah metode autentikasi Anda pada masa mendatang, gunakan perintah /auth dari Gemini CLI.

Pada masa mendatang, Anda hanya perlu memasukkan gemini di terminal untuk mengakses Gemini CLI.

Atau, Anda dapat menjalankan Gemini CLI dalam mode non-interaktif, yang berguna untuk pembuatan skrip dan otomatisasi. Dalam mode ini, Gemini CLI akan otomatis keluar setelah menjalankan perintah yang Anda masukkan. Untuk menggunakan mode ini, gunakan flag --prompt atau -p. Contoh:

gemini -p "Create a markdown file that explains my app's architecture"

Menggunakan perintah dengan Gemini CLI

Anda dapat memulai percakapan dengan Gemini CLI untuk mengajukan pertanyaan atau permintaan. Anda dapat bertanya:

• explain [file_name.js]: Jika Anda menemukan kode yang tidak dikenal, gunakan perintah ini untuk meminta penjelasan. Cukup ganti [file_name.js] dengan jalur yang relevan atau tempelkan kode langsung ke perintah.
• refactor [code_snippet]: Tingkatkan struktur atau efisiensi kode Anda dengan meminta Gemini menyarankan peningkatan pemfaktoran ulang.
• debug "Error: Module not found: 'firebase-admin'": Saat Anda mengalami error, berikan pesan error kepada Gemini untuk mendapatkan insight dan kemungkinan solusi.
• summarize "Key features of Firebase Realtime Database": Gemini dapat memberikan riset cepat dan ringkasan konten yang singkat.

Alat ini juga mendukung beberapa perintah bawaan untuk membantu Anda mengelola sesi, menyesuaikan antarmuka, dan mengontrol perilakunya, seperti:

• /help: Masukkan perintah ini untuk melihat daftar lengkap perintah dan opsi yang tersedia, yang berfungsi sebagai titik awal yang sangat berguna untuk eksplorasi.
• /chat: Menyimpan dan melanjutkan histori percakapan untuk membuat percakapan bercabang atau melanjutkan status sebelumnya dari sesi berikutnya.
• /tools: Menampilkan daftar alat yang tersedia dalam Gemini CLI.
• /restore: Memulihkan file project ke status sebelum alat dijalankan. Hal ini sangat berguna untuk mengurungkan pengeditan file yang dilakukan oleh alat.

Tinjau dokumentasi Gemini CLI untuk mengetahui daftar lengkap perintah.