Hubungkan VSCode + Cline ke TeamoRouter
VSCode tidak menyertakan fitur coding AI secara bawaan, sehingga memerlukan ekstensi untuk terhubung ke LLM. Cline, sebelumnya Claude Dev, adalah ekstensi coding AI open-source yang populer untuk VSCode. Cline mendukung endpoint kustom yang kompatibel dengan OpenAI dan dapat menjalankan alur kerja agen melalui TeamoRouter.
1. Instal VSCode + Cline dari awal
Sudah punya VSCode dan Cline? Lanjut ke "2. Dapatkan API Key TeamoRouter Anda".
Instal VSCode
Unduh VSCode dari situs web resmi:
- macOS: unduh
.dmg, atau jalankanbrew install --cask visual-studio-code - Windows: unduh dan jalankan installer
.exe - Linux: unduh paket
.deb,.rpm, atau.tar.gzuntuk sistem Anda
Instal ekstensi Cline
Di VSCode, tekan Command + Shift + X di macOS, atau Ctrl + Shift + X di Windows dan Linux, untuk membuka Extensions. Cari Cline dan instal ekstensi yang diterbitkan oleh saoudrizwan.
Klik ikon Cline di Activity Bar. Peluncuran pertama membuka halaman konfigurasi. Pilih Bring my own API Key.
2. Dapatkan API Key TeamoRouter Anda
Buka dasbor TeamoRouter, buat akun, buat API Key, lalu salin. Anda juga dapat melihat daftar model lengkap di dasbor.
3. Hubungkan ke TeamoRouter
Hubungkan Cline ke TeamoRouter:
- Buka VSCode.
- Klik ikon Cline di Activity Bar untuk membuka sidebar Cline.
- Klik tombol pengaturan di pojok kanan atas sidebar.
Di layar API Configuration:
- Pilih OpenAI Compatible di dropdown API Provider. Defaultnya mungkin OpenRouter, jadi pastikan sudah diubah.
- Isi:
- Base URL:
https://api.teamorouter.com/v1 - OpenAI Compatible API Key: tempel key yang Anda buat di dasbor TeamoRouter
- Model ID: masukkan model yang ingin Anda gunakan
| ID model | Nama model |
|---|---|
| gpt-6-astra | GPT 6 Astra |
| gpt-5.6-sol | GPT 5.6 sol |
| gpt-5.6-terra | GPT 5.6 terra |
| gpt-5.6-luna | GPT 5.6 luna |
| claude-fable-5-1 | Claude fable 5.1 |
| claude-fable-5 | Claude fable 5 |
| claude-sonnet-5 | Claude sonnet 5 |
| claude-opus-4-8 | Claude opus 4.8 |
| claude-opus-4-7 | Claude opus 4.7 |
| claude-opus-4-6 | Claude opus 4.6 |
| claude-sonnet-4-6 | Claude sonnet 4.6 |
| claude-haiku-4-5 | Claude haiku 4.5 |
| gpt-5.5 | GPT 5.5 |
| gpt-5.4 | GPT 5.4 |
| gemini-3.1-pro-preview | Gemini 3.1 pro (preview) |
| gemini-3.1-flash-lite-preview | Gemini 3.1 flash |
| deepseek-flash | DeepSeek V4.1 Flash |
| deepseek-v4-pro | DeepSeek v4 pro |
| deepseek-v4-flash | DeepSeek v4 flash |
| deepseek-v4-flash-free | DeepSeek V4 Flash Free |
| glm-5.3-flash | GLM 5.3 Flash |
| glm-5.3 | GLM 5.3 |
| glm-5.2 | GLM 5.2 |
| grok-4.6 | Grok 4.6 |
Catatan: Karena keterbatasan Cline, penyedia kustom hanya mendukung protokol OpenAI. Memanggil model Claude dengan cara ini dapat menyebabkan cache hilang, permintaan gagal, dan biaya yang tidak perlu. Gunakan klien Claude, atau buka Claude Code di terminal VSCode, jika Anda memerlukan model Claude.
- Biarkan Custom Headers kosong.
- Jangan aktifkan Set Azure API version atau Use Azure Identity Authentication. Opsi itu hanya untuk Azure OpenAI.
- Biarkan Model Configuration tidak berubah.
- Klik Continue untuk menyelesaikan.
4. Mulai menggunakan Cline
Klik tombol plus di bagian atas sidebar Cline untuk membuat tugas baru. Jelaskan apa yang Anda inginkan dengan bahasa alami, misalnya "refactor this function to async". Cline akan memanggil model melalui TeamoRouter, membaca file, mengedit kode, dan menjalankan perintah sesuai kebutuhan.