Chat dengan Gemini di IDX

Project IDX memfasilitasi alur kerja pengembangan Anda dengan chatbot yang didukung AI. Sebelum menggunakan bantuan chat dari Gemini di IDX, pastikan Anda menambahkan Gemini ke ruang kerja.

Mulai menggunakan Chat Interaktif dengan Gemini

  1. Buka Project IDX. Jika belum, tambahkan Gemini ke ruang kerja Anda.

  2. Klik ikon Gemini di bagian bawah ruang kerja atau tekan Cmd+Shift+Space (Ctrl+Shift+Space di ChromeOS, Windows, atau Linux). Sidebar Interactive Chat akan muncul.

Setelah Chat Interaktif diaktifkan dan aktif, Anda dapat mengajukan pertanyaan ke Gemini dan mendapatkan saran kode. Gemini bahkan dapat memperbarui file dan kode konfigurasi project Anda serta dapat menjalankan perintah terminal untuk Anda, langsung dalam ruang kerja Anda. Gemini mungkin akan meminta Anda untuk:

  • 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 Gemini yang diusulkan.
    • 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 dapat 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 IDX. Gemini akan menjalankan perintah dan menafsirkan hasilnya untuk Anda di jendela chat, serta akan membantu menentukan langkah berikutnya.

Menyelesaikan tugas rumit dengan Chat Interaktif

Dengan Chat Interaktif dengan pemahaman ruang kerja Gemini dan kemampuan untuk mengubah file serta menjalankan perintah terminal, Gemini dapat membantu Anda menyelesaikan tugas pengembangan yang kompleks, seperti:

  • Mendokumentasikan kode Anda: Gemini di IDX dapat otomatis membuat dokumentasi dalam format yang sesuai untuk kode Anda saat Anda memintanya untuk "Menulis dokumen saya". Setelah meninjau perubahan (dan, jika perlu, meningkatkan kualitas respons Gemini dengan perintah tambahan), Anda dapat menambahkan dokumentasi ke kode dengan sekali klik.
  • Menulis kasus pengujian: Gemini di IDX dapat otomatis mengupdate 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. Setelah meninjau pengujian dan, jika perlu, meningkatkan kualitas respons Gemini menggunakan perintah tambahan, Anda dapat menambahkan atau memperbarui file pengujian ke kode dengan sekali klik, lalu meminta Gemini di IDX 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 workspace, Anda dapat dengan cepat membuat penampung aplikasi dengan meminta Gemini untuk membuat Dockerfile (misalnya, "Buat Dockerfile untuk aplikasi saya"). Setelah membuat Dockerfile, Gemini dapat mem-build dan menjalankan penampung untuk Anda.
  • Menjalankan pengujian unit dan integrasi: Anda dapat memulai eksekusi pengujian dengan meminta Gemini untuk menjalankan rangkaian pengujian tertentu (misalnya, "Run my unit tests" atau "Run integration tests"). Chat Interaktif dengan 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 Gemini Chat

Anda dapat memandu output yang diberikan percakapan Gemini 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.

Misalnya, /generate berfungsi sebagai pintasan perintah untuk membuat cuplikan kode. Masukkan /generate diikuti dengan deskripsi singkat tentang hal yang Anda inginkan.

/generate css for a black background menampilkan cuplikan kode berikut:

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

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

Mengelola rangkaian pesan chat

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

Untuk memulai chat baru:

  1. Klik ikon plus atau pilih Chat Baru dari menu drop-down di kolom header chat.

  2. Masukkan perintah Anda.

Panel header chat dengan rangkaian pesan chat diperluas

Untuk beralih ke rangkaian pesan chat lain:

  1. Luaskan menu drop-down dengan rangkaian pesan chat Anda di panel header chat.

  2. Pilih rangkaian pesan chat yang ingin Anda akses.

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

Untuk menghapus rangkaian pesan chat:

  1. Pilih rangkaian pesan chat yang ingin Anda hapus dari drop-down rangkaian pesan chat di panel header chat.

  2. Klik ikon tempat sampah di panel header chat. Konfirmasi bahwa Anda ingin menghapus rangkaian pesan chat.

Melihat kutipan kode di chat

Untuk membantu Anda memverifikasi saran kode, IDX membagikan informasi tentang sumber asli dan lisensi terkait. Anda dapat melihat log lengkap kutipan kode dari jendela chat Gemini 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.