IDE_02 // VS CODE CLINE & ROO CODE

Panduan Integrasi VS Code Cline & Roo Code

Cline dan Roo Code adalah ekstensi autonomous coding agent populer di Visual Studio Code yang mampu membaca struktur proyek, mengedit multi-file, dan mengeksekusi perintah terminal. Keduanya mendukung penuh protokol OpenAI-compatible SSE streaming milik TokenFajri.

Langkah 1 — Konfigurasi API Provider di Ekstensi Cline / Roo Code

  1. Pasang ekstensi Cline (saoudrizwan.claude-dev) atau Roo Code dari VS Code Extensions Marketplace.
  2. Buka panel Cline/Roo Code di sidebar kiri VS Code, lalu klik ikon roda gigi (Settings) di pojok kanan atas panel.
  3. Pada dropdown API Provider, pilih opsi OpenAI Compatible.
  4. Isi kolom konfigurasi dengan nilai berikut:
API ProviderOpenAI Compatible
Base URLhttps://token.fajriag.ai.id/v1
API Keysk-tok-xxxxxxxxxxxxxxxxxxxxxxxx
Model IDdeepseek-v4.1-flash-1017

Langkah 2 — Pengaturan Context Window & Streaming

Agar Cline dan Roo Code dapat mengelola pemangkasan konteks (*context truncation*) secara akurat saat membaca banyak file di repositori Anda, sesuaikan pengaturan lanjutan (*Model Configuration*) berikut:

Context Window Size

Atur ke 128000 atau 200000 sesuai spesifikasi model yang Anda pilih di katalog TokenFajri.

Max Output Tokens

Atur ke 8192 atau 16384 agar penulisan ulang file berukuran besar tidak terpotong di tengah jalan.

Langkah 3 — Membuat Profil Multi-Model (Plan vs Act Mode)

Baik Cline maupun Roo Code mendukung fitur pemisahan model antara mode Plan / Architect (merancang arsitektur perubahan) dan mode Act / Code (menulis kode ke file). Anda dapat menggunakan satu API Key sk-tok-... yang sama untuk kedua profil tersebut tanpa perlu membuat kunci terpisah.

Panduan Integrasi VS Code Cline & Roo Code dengan AI Gateway | TokenFajri