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

# Kilo Code Plugin (VS Code)

> Kilo Code for VS Code Plugin Installation Guide

## Step 1: Install Kilo Code Plugin

1. Open VS Code Extensions panel (Ctrl+Shift+X)
2. Search for "Kilo Code"
3. Click Install

<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" />

## Step 2: Configure API Provider

### Open Settings Panel

1. Click Kilo Code icon in activity bar
2. Click Settings gear icon

<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" />

### Configure Provider

| Setting | Value |
| - | - |
| **Profile** | Keep default `default (Active)` |
| **API Provider** | Select "Google Gemini" |
| **API Key** | Your API key (sk-xxxxx) |
| **Model** | Model name to use |
| **Base 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" />

## Step 3: Verify Connection

1. Open any code file
2. Use `Ctrl+I` (Windows) or `Cmd+I` (macOS) for Inline Chat
3. Test with "explain this code" or "hello"

<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" />


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