Clouvia RouterRouter ClouviaID
PANDUAN INTEGRASI · VS CODE & COPILOT

Koneksi ke VS Code GitHub Copilot

Panduan resmi menghubungkan gateway Clouvia Router ke ekstensi GitHub Copilot di Visual Studio Code. Dapatkan akses model frontier (Coding-High, DeepSeek V4.1 Flash, Claude Sonnet, dll) langsung di panel Copilot Chat, mode Agent, dan Copilot CLI dengan fitur code revert yang stabil dan presisi.

TARGET CLIENT:VS Code GitHub Copilot Chat, CLI
BASE URL:https://router.clouvia.id/v1
SUPPORT:BYOK (Bring Your Own Key) & Custom OAI
KEUNGGULAN VS CODE GITHUB COPILOT + CLOUVIA ROUTER
Banyak developer memilih Visual Studio Code resmi karena integrasi Git dan manajemen revert kode bawaannya jauh lebih handal dibandingkan fork editor pihak ketiga. Dengan menghubungkan Clouvia Router sebagai penyedia kustom (BYOK) ke Copilot Chat, Anda mendapatkan perpaduan terbaik: kestabilan penuh VS Code digabung kekuatan model reasoning frontier (seperti Coding-High dan DeepSeek V4.1 Flash) tanpa terikat biaya langganan kaku.

1. Metode Utama: Menu GUI Copilot Chat (Paling Mudah)

Versi terbaru Visual Studio Code dan ekstensi GitHub Copilot Chat mendukung opsi konfigurasi model kustom secara langsung melalui Command Palette tanpa instalasi software tambahan:

1

Buka Command Palette di Visual Studio Code

Tekan Ctrl+Shift+P (atau Cmd+Shift+P di macOS), lalu ketik dan pilih perintah:

Chat: Manage Language Models
2

Pilih Penyedia 'OpenAI Compatible' / 'Custom Endpoint'

Pada daftar pilihan penyedia yang muncul, klik 'OpenAI Compatible' (atau 'Add Custom Endpoint').

3

Masukkan Kredensial Gateway Clouvia Router

Isi tiga kolom konfigurasi berikut dengan data akun Anda:

Field Input CopilotNilai yang Wajib DiisiKeterangan
Base URLhttps://router.clouvia.id/v1Endpoint gateway OpenAI-compatible Clouvia
API Keyclv_live_...API Key aktif dari konsol Clouvia Router Anda
Model IDcoding-highBisa juga: deepseek-v4.1-flash, claude-sonnet-4.6
4

Simpan & Pilih Model di Panel Copilot Chat

Klik tombol 'Add Model'. Sekarang buka panel Copilot Chat (Ctrl+Alt+I atau klik ikon Copilot di sidebar), klik dropdown pemilih model di atas kolom input chat, dan pilih model Clouvia Router yang baru Anda tambahkan!

2. Metode File Konfigurasi: settings.json

Jika Anda lebih suka mengatur model secara terpusat melalui file konfigurasi VS Code, buka settings.json (tekan Ctrl+Shift+P → Preferences: Open User Settings (JSON)) lalu tambahkan blok berikut:

settings.jsonjson
1{
2  "github.copilot.chat.customOAIModels": {
3    "coding-high": {
4      "name": "Clouvia Coding High [ULTRA]",
5      "url": "https://router.clouvia.id/v1/chat/completions",
6      "toolCalling": true,
7      "vision": true,
8      "maxInputTokens": 1000000,
9      "maxOutputTokens": 32768
10    },
11    "deepseek-v4.1-flash": {
12      "name": "DeepSeek V4.1 Flash (Free)",
13      "url": "https://router.clouvia.id/v1/chat/completions",
14      "toolCalling": true,
15      "vision": true,
16      "maxInputTokens": 1000000,
17      "maxOutputTokens": 16384
18    },
19    "deepseek-v4-flash": {
20      "name": "DeepSeek V4 Flash (Free)",
21      "url": "https://router.clouvia.id/v1/chat/completions",
22      "toolCalling": true,
23      "vision": true,
24      "maxInputTokens": 1000000,
25      "maxOutputTokens": 16384
26    },
27    "claude-sonnet-4.6": {
28      "name": "Claude Sonnet 4.6 (Agentic)",
29      "url": "https://router.clouvia.id/v1/chat/completions",
30      "toolCalling": true,
31      "vision": true,
32      "maxInputTokens": 200000,
33      "maxOutputTokens": 16384
34    }
35  }
36}
FORMAT CHATLANGUAGEMODELS.JSON (VS CODE INSIDERS & TERBARU)
Pada versi VS Code terbaru, VS Code juga menyediakan workspace file chatLanguageModels.json untuk mendeklarasikan endpoint kustom secara deklaratif:
.vscode/chatLanguageModels.jsonjson
1[
2  {
3    "name": "Clouvia Router Gateway",
4    "vendor": "customendpoint",
5    "apiKey": "clv_live_YOUR_API_KEY",
6    "apiType": "chat-completions",
7    "url": "https://router.clouvia.id/v1/chat/completions",
8    "toolCalling": true,
9    "models": [
10      {
11        "id": "coding-high",
12        "name": "Coding High [ULTRA]",
13        "url": "https://router.clouvia.id/v1/chat/completions",
14        "toolCalling": true,
15        "vision": true,
16        "maxInputTokens": 1000000,
17        "maxOutputTokens": 32768
18      },
19      {
20        "id": "deepseek-v4.1-flash",
21        "name": "DeepSeek V4.1 Flash (Free)",
22        "url": "https://router.clouvia.id/v1/chat/completions",
23        "toolCalling": true,
24        "vision": true,
25        "maxInputTokens": 1000000,
26        "maxOutputTokens": 16384
27      }
28    ]
29  }
30]

3. Metode Ekstensi: OAI Compatible Provider for Copilot

Bagi pengguna yang ingin dukungan GUI tambahan untuk multi-model picker di Copilot, Anda dapat memasang ekstensi resmi marketplace OAI Compatible Provider for Copilot:

1

Pasang Ekstensi di VS Code

Buka tab Extensions (Ctrl+Shift+X), cari 'OAI Compatible Provider for Copilot' dan klik Install.

2

Konfigurasikan Base URL di settings.json

Salin pengaturan di bawah ini ke settings.json Anda:

settings.jsonjson
1{
2  "oaicopilot.baseUrl": "https://router.clouvia.id/v1",
3  "oaicopilot.models": [
4    {
5      "id": "coding-high",
6      "owned_by": "clouvia",
7      "context_length": 1000000,
8      "max_tokens": 32768
9    },
10    {
11      "id": "deepseek-v4.1-flash",
12      "owned_by": "clouvia",
13      "context_length": 1000000,
14      "max_tokens": 16384
15    },
16    {
17      "id": "deepseek-v4-flash",
18      "owned_by": "clouvia",
19      "context_length": 1000000,
20      "max_tokens": 16384
21    }
22  ]
23}
3

Input API Key Saat Diminta

Buka Copilot Chat, pilih model OAI Compatible, lalu masukkan API Key Clouvia Router Anda ketika popup password muncul.

4. GitHub Copilot CLI (Terminal BYOK)

GitHub Copilot CLI di terminal mendukung penyedia kustom dengan mengekspor variabel lingkungan sebelum menjalankan perintah copilot:

Bash / Zsh / Linux & macOS:

Terminal (Bash/Zsh)bash
1# Export variabel lingkungan untuk GitHub Copilot CLI
2export COPILOT_PROVIDER_TYPE=openai
3export COPILOT_PROVIDER_BASE_URL="https://router.clouvia.id/v1"
4export COPILOT_PROVIDER_API_KEY="clv_live_YOUR_API_KEY"
5export COPILOT_MODEL="coding-high"
6 
7# Jalankan Copilot CLI
8copilot

PowerShell (Windows):

PowerShellpowershell
1# PowerShell untuk GitHub Copilot CLI
2$env:COPILOT_PROVIDER_TYPE = "openai"
3$env:COPILOT_PROVIDER_BASE_URL = "https://router.clouvia.id/v1"
4$env:COPILOT_PROVIDER_API_KEY = "clv_live_YOUR_API_KEY"
5$env:COPILOT_MODEL = "coding-high"
6 
7copilot

Model Rekomendasi Terbaik untuk GitHub Copilot

REKOMENDASI MODEL

Berikut adalah model yang paling optimal digunakan bersama GitHub Copilot Chat dan Agent Mode di Clouvia Router:

coding-highFLAGSHIP

Multi-pass cognitive architecture paling tangguh untuk refactoring besar, multi-file agentic reasoning, dan bug hunting kompleks.

deepseek-v4.1-flash0 TOKEN / FREE

Respon ultra-cepat tanpa biaya token selama masa promo. Sangat responsif untuk tanya jawab kode cepat dan fungsi tunggal.

claude-sonnet-4.6AGENTIC

Kapasitas tool-use dan ketelitian sintaks tinggi untuk arsitektur software bertingkat dan penulisan test otomatis.

deepseek-v4-flash0 TOKEN / FREE

Model flash generasi V4 dengan latensi minimal dan throughput tinggi untuk workflow coding intensif harian.