Guía paso a paso para configurar el agente de codificación Cline en VS Code usando Gemini como motor de IA, completamente gratis.
Cline es una extensión de VS Code de código abierto que actúa como un agente de IA autónomo dentro de tu editor. A diferencia de Copilot, Cline puede:
Cline es gratuito como extensión. Solo pagas por los tokens de la API de IA que configures (Gemini ofrece una capa gratuita generosa).
Si ya tenés VS Code instalado, pasá al siguiente paso.
Hay dos formas de instalarla:
Opción A — Desde VS Code:
Ctrl + Shift + X para abrir el panel de extensionesClineOpción B — Desde el Marketplace:
↗ Ver en VS Code MarketplaceUna vez instalada, aparece el ícono de Cline en la barra lateral izquierda de VS Code (ícono de robot o abeja).
AIzaSy...)Guardá tu API key en un lugar seguro. No la compartas ni la subas a repositorios públicos. Si se expone, eliminala y creá una nueva.
La capa gratuita de Gemini incluye 1 millón de tokens por minuto con gemini-2.0-flash, más que suficiente para desarrollo diario.
Google GeminiAIzaSy...Modelos recomendados:
| Modelo | Velocidad | Capacidad | Costo |
|---|---|---|---|
| gemini-2.5-pro | Media | ⭐⭐⭐⭐⭐ Máxima | Pago |
| gemini-2.5-flash | Rápida | ⭐⭐⭐⭐ Alta | Pago / Free tier |
| gemini-2.0-flash | Muy rápida | ⭐⭐⭐ Buena | ✅ Gratuito |
| gemini-1.5-flash | Muy rápida | ⭐⭐ Básica | ✅ Gratuito |
Para empezar, usá gemini-2.0-flash. Es gratuito y tiene contexto de 1 millón de tokens, ideal para leer proyectos grandes.
Con Cline configurado, probá escribir en el chat:
Hola Cline, explicame qué archivos hay en este proyecto y qué hace cada uno.
Cline va a leer los archivos de tu carpeta abierta en VS Code y te dará un resumen completo.
Otro ejemplo — pedile que cree algo:
Crea una página index.html simple con un formulario de contacto con nombre, email y mensaje.
Auto-approve.clinerules en la raíz del proyecto para darle instrucciones permanentes (ej: "Siempre usar TypeScript", "El proyecto usa Tailwind")Documentación oficial: docs.cline.bot