Lompat ke isi

Cara pakai VibeCode

Dari memasang sampai agent mengedit proyekmu untuk pertama kali. Tulisan tebal di panduan ini sama persis dengan yang kamu lihat di layar. Aplikasinya berbahasa Indonesia secara bawaan; khusus langkah pertama, tulisannya mengikuti bahasa Windows-mu.

1Pasang aplikasinya

Unduh installer untuk komputermu dari halaman Unduh. Waktu pertama kali dibuka, macOS atau Windows akan menampilkan peringatan keamanan, tapi cuma sekali. Cara melewatinya ada di bawah.

  • macOS: buka file .dmg, lalu seret VibeCode ke Applications. Kalau macOS menolak membukanya atau bilang aplikasinya rusak, jalankan perintah di bawah ini di Terminal, lalu buka lagi.
    xattr -dr com.apple.quarantine /Applications/VibeCode.app
  • Windows: jalankan file .exe. Pemasangannya per pengguna, jadi tidak perlu hak admin. Kalau SmartScreen muncul, pilih Info selengkapnya (More info), lalu Tetap jalankan (Run anyway).

2Masuk

Di layar Masuk ke VibeCode, buat akun dengan email dan kata sandi lewat Belum punya akun? Daftar, atau tekan Masuk dengan Google kalau tombolnya ada. Proses masuk lewat Google selesai di browser.

3Pilih folder kerja

Agent bekerja di dalam satu folder. Klik Pilih Workspace di sidebar, tekan Telusuri…, lalu pilih folder proyekmu (kolom Path lokal menampilkan folder yang kamu pilih). Berikutnya, pilih apa yang boleh dilakukan agent:

  • Hanya membaca: membaca dan menjawab. Tidak ada file, perintah, atau skill yang berubah.
  • Konfirmasi setiap perubahan: setiap edit dan perintah dikonfirmasi dulu.
  • Menulis berkas, menanyakan perintah: edit file langsung dikerjakan, tapi setiap perintah shell tetap dikonfirmasi.

Tekan Mulai bekerja di sini. Kalau kamu tidak memilih folder, file buatan agent disimpan di ~/Documents/VibeCode-Creation.

4Pilih model

Pemilih model punya tiga grup: Gratis, Berbayar, dan Endpoint Anda. Di paket Free, pilih model dari grup Gratis. Model berbayar pakai saldo dompet, yang bisa kamu isi lewat QRIS di Pengaturan, tab Langganan.

5Kirim permintaan pertama

Tulis apa yang kamu butuhkan, seperti ke rekan kerja. Enter untuk mengirim, Shift+Enter untuk baris baru. Contohnya:

  • Buatkan satu halaman portofolio dengan HTML dan CSS, isinya profil, proyek, dan kontak.
  • Jalankan npm test, jelaskan penyebab error-nya, lalu perbaiki.
  • Rangkum laporan.pdf ini jadi tabel di file Excel.

6Setujui atau tolak

Sebelum mengedit file atau menjalankan perintah, agent menampilkan kartu Butuh izin Anda. Pilih Izinkan sekali, Izinkan sesi ini, Selalu izinkan, atau Tolak. Kalau menolak, kamu bisa menulis alasannya, dan agent akan membacanya.

7Ganti mode izin

Tekan Shift+Tab di kolom ketik untuk pindah ke mode berikutnya, urutannya Manual, Terima edit, Rencana, Obrolan. Mode Auto dan Bypass hanya bisa dipilih dari menu mode, setelah kamu konfirmasi peringatannya. Larangan keras tetap berlaku di semua mode.

8Tinjau dan kembalikan

Tab Perubahan di panel kerja menampilkan diff file yang ditulis atau diedit agent. Panel kerja tertutup waktu aplikasi dibuka, jadi klik ikon tab-nya di tepi kanan. Tekan Tolak berkas untuk mengembalikan file, atau Tandai sudah ditinjau. Mau mundur lebih jauh? Arahkan kursor ke salah satu pesanmu, lalu pilih Mundurkan ke sini. Percakapan dan file (selama snapshot-nya masih ada) kembali ke giliran itu. Ini cuma bisa dipakai saat agent tidak sedang bekerja.

9Pratinjau dan Live Edit

Jalankan dev server proyekmu, lalu buka alamatnya di tab Pratinjau. Tekan Komentar untuk menyalakan mode komentar, lalu pilih alat Komentar (bawaannya Klik, jadi halaman tetap bisa dipakai seperti biasa). Klik elemen atau seret satu area, tulis komentarmu, lalu tekan Kirim ke AI. Halaman dimuat ulang sendiri begitu AI selesai.

10Pakai endpoint sendiri

Buka Pengaturan, Custom Endpoint, lalu kartu Model dari endpoint Anda sendiri. Isi alamat server yang kompatibel dengan OpenAI, misalnya LM Studio, Ollama, llama.cpp, vLLM, atau OpenRouter, lalu tekan Uji koneksi dan Pakai alamat ini. Kosongkan alamatnya lalu tekan Uji koneksi untuk mencari server di komputer ini. Endpoint sendiri tidak memotong kuota paket, tapi endpoint berbayar akan menagih kamu langsung.

11Perbarui

Buka Pengaturan, bagian Pembaruan, lalu tekan Periksa pembaruan. Kalau ada versi baru, tekan Unduh dan pasang. Aplikasi akan mengunduhnya dari rilis GitHub, memasangnya sendiri, lalu restart otomatis.

Ekstensi VS Code

VibeCode juga berjalan sebagai ekstensi VS Code: panel obrolannya sama, dengan agent yang bekerja di folder yang dibuka VS Code. Ekstensi ini dipasang dari file .vsix, bukan lewat Marketplace.

Panduan memasang ekstensi VS Code menjelaskan langkahnya, dari mengunduh file sampai mengimpor riwayat aplikasi desktop.