> ## Documentation Index
> Fetch the complete documentation index at: https://mixroute.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Kilo Code 外掛（VS Code）

> Kilo Code for VS Code 外掛安裝與配置指南

<link rel="alternate" hrefLang="en" href="https://mixroute.ai/docs/integrations/kilo-code-vscode" />

<link rel="alternate" hrefLang="zh-Hans" href="https://mixroute.ai/docs/zh-hans/integrations/kilo-code-vscode" />

<link rel="alternate" hrefLang="zh-Hant" href="https://mixroute.ai/docs/zh-hant/integrations/kilo-code-vscode" />

<link rel="alternate" hrefLang="ja" href="https://mixroute.ai/docs/ja/integrations/kilo-code-vscode" />

<link rel="alternate" hrefLang="x-default" href="https://mixroute.ai/docs/integrations/kilo-code-vscode" />

## 第一步：安裝 Kilo Code 外掛

1. 開啟 VS Code 編輯器，進入左側「擴充功能」面板（快速鍵：Ctrl+Shift+X）
2. 在擴充功能市集搜尋「Kilo Code」
3. 點擊「安裝」

<img src="https://mintcdn.com/personal-a5418d9f/D1GF9OfXExoty2oc/images/vsc-kilo-en-1.png?fit=max&auto=format&n=D1GF9OfXExoty2oc&q=85&s=59c4fd7fcf074ee17df7ae264fe67963" alt="Vsc Kilo En 1" width="791" height="1096" data-path="images/vsc-kilo-en-1.png" />

## 第二步：配置 API 提供商

### 開啟設定面板

1. 安裝完成後，點擊左側活動列中的 Kilo Code 圖示
2. 點擊頂部工具列的「設定」齒輪圖示

<img src="https://mintcdn.com/personal-a5418d9f/D1GF9OfXExoty2oc/images/vsc-kilo-en-2.png?fit=max&auto=format&n=D1GF9OfXExoty2oc&q=85&s=730dccfe47b3bbf2a564167d16933081" alt="Vsc Kilo En 2" width="975" height="1626" data-path="images/vsc-kilo-en-2.png" />

### 配置自訂供應商

| 配置項 | 值 |
| - | - |
| **配置檔案** | 保持預設 `default (Active)` |
| **API 提供商** | 下拉選擇「Google Gemini」 |
| **API 金鑰** | 填寫您的 API 金鑰（sk-xxxxx） |
| **模型** | 輸入需要使用的模型名稱 |
| **基礎 URL** | 輸入 `https://api.mixroute.ai` |

<img src="https://mintcdn.com/personal-a5418d9f/D1GF9OfXExoty2oc/images/vsc-kilo-en-3.png?fit=max&auto=format&n=D1GF9OfXExoty2oc&q=85&s=f6b9a0f743984ab6567bc1aee9aca695" alt="Vsc Kilo En 3" width="2567" height="1719" data-path="images/vsc-kilo-en-3.png" />

<img src="https://mintcdn.com/personal-a5418d9f/D1GF9OfXExoty2oc/images/vsc-kilo-en-4.png?fit=max&auto=format&n=D1GF9OfXExoty2oc&q=85&s=d2fbd93c2c1555638e1a7b3f3ab4b7b2" alt="Vsc Kilo En 4" width="1748" height="1114" data-path="images/vsc-kilo-en-4.png" />

<img src="https://mintcdn.com/personal-a5418d9f/D1GF9OfXExoty2oc/images/vsc-kilo-en-5.png?fit=max&auto=format&n=D1GF9OfXExoty2oc&q=85&s=c404125f4ef8a3b3f47a918945fd76bc" alt="Vsc Kilo En 5" width="1727" height="1340" data-path="images/vsc-kilo-en-5.png" />

<img src="https://mintcdn.com/personal-a5418d9f/D1GF9OfXExoty2oc/images/vsc-kilo-en-6.png?fit=max&auto=format&n=D1GF9OfXExoty2oc&q=85&s=742a66b9249bba0a7592bc3ebffb89ad" alt="Vsc Kilo En 6" width="2999" height="1849" data-path="images/vsc-kilo-en-6.png" />

## 第三步：驗證連線

1. 配置完成後，開啟任意程式碼檔案
2. 使用快速鍵 `Ctrl+I` (Windows) 或 `Cmd+I` (macOS) 喚起行內對話輸入框
3. 輸入測試內容（例如「解釋這段程式碼」或「你好」），如果能收到回覆，說明配置成功

<img src="https://mintcdn.com/personal-a5418d9f/D1GF9OfXExoty2oc/images/vsc-kilo-en-7.png?fit=max&auto=format&n=D1GF9OfXExoty2oc&q=85&s=e2b1d0e07b05275d7ddf162bc9de9ec7" alt="Vsc Kilo En 7" width="1580" height="1712" data-path="images/vsc-kilo-en-7.png" />

## 推薦模型

| 類型 | 推薦模型 | 特點 |
| - | - | - |
| 程式設計 | `gemini-3-pro-preview` | Google 最新模型，程式設計能力強 |
| 快速回應 | `gemini-2.5-flash` | 回應快，性價比高 |
| 複雜任務 | `claude-sonnet-5` | 推理能力強 |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.