Langsung ke konten utama

​
Mulai Cepat

Panduan ini akan membantu Anda memulai dengan Coding Plan dalam hitungan menit—dari berlangganan hingga menggunakan model AI terbaik seperti Claude Opus 4.5 dan Gemini 3 Pro di tool coding.

​
Memulai

1

Daftar atau Login

Akses Platform Terbuka VibeCodeCheap, Daftar atau Login.
2

Berlangganan Coding Plan

Setelah login, navigasi ke Coding Plan untuk memilih paket langganan pilihan Anda.
3

Dapatkan API Key

Setelah berlangganan, navigasi ke dashboard akun Anda dan klik API Keys untuk membuat API Key baru.
Lindungi API Key Anda dengan merahasiakannya dan hindari hard-coding di kode Anda. Kami menyarankan menyimpannya di variabel environment atau file konfigurasi.
4

Pilih Tool Coding

Coding Plan mendukung berbagai tool coding mainstream. Pilih sesuai preferensi Anda:

Claude Code

Roo Code

Kilo Code

Cline

OpenCode

Crush

Goose

Cursor

Tool Lainnya

5

Konfigurasi Tool Coding

Menggunakan Claude Code sebagai contoh, konfigurasi untuk menggunakan model AI:
1. Install Claude CodePrasyarat: Anda perlu menginstall Node.js 18 atau versi terbaru
# Buka terminal Anda dan install Claude Code
npm install -g @anthropic-ai/claude-code

# Buat direktori kerja Anda (misalnya, `your-project`) dan navigasi ke sana menggunakan `cd`
cd your-project

# Setelah instalasi, jalankan `claude` untuk masuk ke antarmuka interaktif Claude Code
claude
2. Konfigurasi Variabel EnvironmentSetelah menginstall Claude Code, atur variabel environment menggunakan salah satu metode berikut:
Saat mengatur variabel environment, terminal tidak akan mengembalikan output apa pun. Ini normal, selama tidak ada pesan error yang muncul, konfigurasi telah berhasil diterapkan.
Edit file konfigurasi Claude Code ~/.claude/settings.jsonTambahkan atau modifikasi field env:
{
  "env": {
    "ANTHROPIC_AUTH_TOKEN": "your_api_key",
    "ANTHROPIC_BASE_URL": "https://api.vibecodecheap.com/v1/ai",
    "API_TIMEOUT_MS": "3000000"
  }
}
Pastikan untuk mengganti your_api_key dengan API Key yang Anda peroleh di langkah sebelumnya.
6

Mulai Coding

Setelah dikonfigurasi, Anda dapat mulai coding dengan model AI yang powerful!
# Menggunakan Perintah Bahasa Natural di Claude Code
Tolong buatkan komponen React yang berisi form login pengguna
Claude Opus 4.5 / Gemini 3 Pro akan secara otomatis:
  • Menganalisis kebutuhan dan merumuskan rencana implementasi
  • Menghasilkan kode komponen React lengkap
  • Menyertakan validasi form dan styling
  • Memastikan kode berjalan langsung

​
Contoh Fitur

Penyelesaian Kode Cerdas

Menghasilkan saran penyelesaian real-time berdasarkan konteks, mengurangi input manual dan meningkatkan efisiensi pengembangan secara signifikan.
// Ketik nama fungsi, AI auto-complete implementasinya
function calculateTotal(items) {
  // Claude Opus 4.5 / Gemini 3 Pro secara otomatis menghasilkan implementasi fungsi lengkap
}

Tanya Jawab Repository Kode

Ajukan pertanyaan tentang codebase tim Anda kapan saja untuk mempertahankan pemahaman holistik.
Q: Bagaimana autentikasi pengguna diimplementasikan di proyek ini?
A: AI menganalisis codebase Anda dan memberikan penjelasan detail tentang proses autentikasi dan file terkait.

Manajemen Tugas Otomatis

Perbaikan sekali klik untuk masalah lint, konflik merge, dan pembuatan release note.
# Perbaiki masalah code style secara otomatis
Perbaiki semua error ESLint

# Generate dokumentasi secara otomatis
Buatkan dokumentasi detail untuk API ini