Fitur

Code actions

Akses code actions bertenaga AI dari Bob yang menyediakan quick fix, refactoring, dan penjelasan kode langsung di Bob IDE melalui ikon lightbulb dan context menu.

Kenapa pakai code actions?

  • Akses cepat ke Bob: Tambahkan kode ke percakapanmu tanpa perlu copy-paste
  • Bantuan kontekstual: Dapatkan bantuan untuk kode yang sedang kamu kerjakan
  • Workflow lebih lancar: Akses kemampuan Bob tanpa meninggalkan editor
  • Konteks otomatis: Bob menerima path file dan nomor baris secara otomatis

Cara kerjanya

Code actions muncul ketika kamu:

  • Memilih sejumlah kode
  • Meletakkan kursor pada baris yang memiliki diagnostic (error, warning, atau hint)
  • Memanggilnya melalui keyboard shortcut atau perintah

Ikon lightbulb () muncul di gutter editor (area di sebelah kiri nomor baris) saat code actions tersedia. Kamu juga bisa mengaksesnya melalui context menu klik kanan atau keyboard shortcut (Ctrl + . atau Cmd + . di macOS).

Code actions yang tersedia

Bob menyediakan code actions berikut:

ActionDeskripsi
Add to Bob ContextMenambahkan kode yang dipilih ke percakapan Bob dengan path file dan nomor baris
Explain with BobMeminta Bob menjelaskan kode yang dipilih
Improve with BobMeminta Bob menyarankan perbaikan untuk kode yang dipilih

Add to Context

Action Add to Context muncul pertama di menu untuk akses cepat. Ketika kamu menggunakannya, Bob menyertakan nama file dan nomor baris bersama kodemu, membantu Bob memahami lokasi tepat dalam proyekmu.

Contoh yang diterima Bob:

Can you explain this function?
@myFile.js:15:25

Notasi @myFile.js:15:25 merepresentasikan kode yang kamu tambahkan, termasuk lokasinya.

Inline Chat

Action Inline Chat membuka antarmuka chat langsung di editor pada posisi kursor, memungkinkanmu berinteraksi dengan Bob tanpa beralih ke panel chat. Berguna untuk pertanyaan cepat atau edit sambil tetap fokus pada kodemu.

Cara penggunaan:

  1. Pilih kode yang ingin kamu diskusikan atau letakkan kursor di tempat yang ingin kamu chat.
  2. Aktifkan action Inline Chat melalui menu lightbulb, context menu, atau keyboard shortcut (default: Cmd + K di macOS, Ctrl + K di Windows/Linux).
  3. Ketik pertanyaan atau permintaanmu di antarmuka inline chat.
  4. Bob merespons langsung di editor, dan kamu bisa menerima, menolak, atau memodifikasi saran yang diberikan.

Move to Chat

Action Move to Chat mengirim kode yang dipilih ke panel chat Bob dengan konteks lengkap, termasuk path file dan nomor baris. Ini ideal ketika kamu ingin melakukan percakapan lebih mendetail tentang kode di antarmuka chat utama.

Cara penggunaan:

  1. Pilih kode yang ingin kamu diskusikan.
  2. Aktifkan action Move to Chat melalui menu lightbulb, context menu, atau keyboard shortcut (default: Cmd + L di macOS, Ctrl + L di Windows/Linux).
  3. Kode yang dipilih otomatis ditambahkan ke panel chat beserta konteksnya.
  4. Lanjutkan percakapan di panel chat bersama Bob.

Menggunakan code actions

Kamu bisa mengakses code actions Bob dengan tiga cara:

Dari ikon lightbulb

  1. Pilih kode yang ingin kamu kerjakan.
  2. Klik ikon lightbulb () yang muncul di gutter.
  3. Pilih action Bob yang kamu inginkan dari menu.
  4. Lihat respons Bob di panel chat.

Dari context menu

  1. Pilih kode yang ingin kamu kerjakan.
  2. Klik kanan kode yang dipilih.
  3. Pilih Bob dari context menu.
  4. Pilih action yang kamu inginkan dari submenu.
  5. Lihat respons Bob di panel chat.

Dari Command Palette

  1. Pilih kode yang ingin kamu kerjakan.
  2. Buka Command Palette dengan Ctrl+Shift+P (Windows/Linux) atau Cmd+Shift+P (macOS).
  3. Ketik "Bob" untuk memfilter perintah.
  4. Pilih code action yang kamu inginkan (misalnya, "Bob: Explain Code").
  5. Lihat respons Bob di panel chat.

Tips Bob: Command Palette menerapkan action ke task chat aktifmu saat ini jika ada.

Bagaimana topik ini?