Introducción a las extensiones de IA en VS Code

Las extensiones de IA convierten VS Code en un entorno de desarrollo asistido donde el editor no solo colorea tu sintaxis, sino que entiende tu código, sugiere líneas enteras, responde preguntas sobre tu base de código y hasta ejecuta comandos por ti. En lugar de alternar entre el editor y un chat web, tienes un asistente que vive dentro de tu flujo de trabajo: autocompleta mientras escribes, explica funciones sin que salgas del archivo, y puede crear archivos completos desde una instrucción en lenguaje natural.

Tip Pro: No necesitas todas las extensiones de IA disponibles. Elige una principal (Copilot o Cody son las más completas) y apréndela bien antes de probar otras. Cada extensión tiene su propio atajo de teclado y forma de interactuar.

¿Qué es?

Una extensión de IA para VS Code es un plugin que conecta el editor con uno o más modelos de lenguaje a través de una API. La extensión añade funcionalidades que van desde el autocompletado de código hasta la ejecución autónoma de tareas, todo sin salir del editor.

Las capacidades más comunes que aportan:

• Autocompletado inline: mientras escribes, la extensión sugiere la siguiente línea o bloque de código.
• Chat lateral: un panel donde puedes hacer preguntas sobre tu proyecto, pedir explicaciones o refactorizar código.
• Edición inline: seleccionas código y pides modificaciones directamente en el editor (ej. "convierte esto a TypeScript").
• Comandos de selección: acciones rápidas como "explica este código", "encuentra bugs", "genera tests".
• Agente autónomo: la extensión puede leer archivos, ejecutar comandos de terminal y proponer cambios completos.

Las extensiones más populares a junio de 2026:

Nota: La mayoría de estas extensiones funcionan con modelos en la nube, pero Continue destaca por permitir modelos locales (Ollama, LM Studio) sin enviar código a servidores externos.

Modelo mental

Piensa en una extensión de IA como un compañero de trabajo silencioso que lee tu pantalla y está listo para ayudar cuando lo llamas. No es un colega que toma decisiones por ti, sino alguien que te pasa sugerencias en voz baja mientras te ve trabajar.

La diferencia clave con un chat web (ChatGPT, Claude.ai) es el contexto. El chat web no sabe qué archivos tienes abiertos, qué funciones acabas de escribir o qué versión de tus dependencias usas. La extensión sí. Todo lo que ocurre en el editor es contexto potencial: el archivo activo, los símbolos definidos, los errores en el panel de problemas, el contenido del terminal.

¿Cómo se usa?

El uso varía según la extensión, pero todas comparten un flujo común de instalación y funcionalidades básicas. Vamos paso a paso con GitHub Copilot como ejemplo principal, por ser la más extendida.

Paso 1: Instalar la extensión

1. Abre VS Code
2. Ve al panel de extensiones (Ctrl+Shift+X / Cmd+Shift+X)
3. Busca "GitHub Copilot"
4. Haz clic en Install
5. VS Code te pedirá iniciar sesión con tu cuenta de GitHub
6. Una vez autenticado, verás el icono de Copilot en la barra de estado (abajo a la derecha)

Tip Pro: Si usas varias extensiones de IA, desactiva el autocompletado de las que no estés usando activamente para evitar conflictos y latencia. Puedes deshabilitar una extensión desde el panel de extensiones sin desinstalarla.

Paso 2: Probar el autocompletado

El autocompletado funciona automáticamente. No necesitas hacer nada especial:

1. Crea un archivo JavaScript o TypeScript nuevo
2. Empieza a escribir una función, por ejemplo:

   function calculateFibonacci(n) {

3. Después de escribir { y presionar Enter, Copilot sugerirá el cuerpo de la función en texto gris
4. Presiona Tab para aceptar la sugerencia, Esc para ignorarla

Las sugerencias aparecen:

• Al escribir código nuevo
• Al escribir comentarios que describen lo que quieres
• Al presionar Alt+\ (Windows/Linux) u Option+\ (Mac) para forzar una sugerencia

Advertencia: Copilot no siempre acierta. Revisa siempre el código sugerido antes de aceptarlo. El autocompletado es una propuesta, no una respuesta correcta garantizada. Para lógica crítica (seguridad, autenticación, manejo de errores), es mejor escribir el código manualmente o pedir una explicación en el chat.

Paso 3: Usar el chat lateral

1. Abre el chat con Ctrl+Shift+I (Windows/Linux) o Cmd+Shift+I (Mac)
2. Escribe una pregunta relacionada con tu código abierto, por ejemplo:

   Explica qué hace esta función y sugiere mejoras de rendimiento

3. La extensión responde en el panel lateral con explicación y sugerencias
4. Puedes seleccionar código, abrir el chat, y la extensión lo usará como contexto automáticamente

Comandos útiles en el chat de Copilot:

Paso 4: Edición inline (Copilot Edits)

1. Selecciona un bloque de código
2. Presiona Ctrl+Shift+P y busca "Copilot: Start Edit Session"
3. Escribe una instrucción como:

   Refactor this function to use async/await instead of promises

4. La extensión aplicará un diff que puedes revisar y aceptar o descartar

Tip Pro: La edición inline es más segura que dejar que el agente autónomo haga cambios sin supervisión. Siempre revisa el diff antes de aceptar —especialmente cuando el cambio afecta a varias líneas o archivos.

Paso 5: Probar el modo agente (según disponibilidad)

Algunas extensiones (Copilot Agent, Cody Agent) pueden ejecutar comandos en la terminal, leer archivos no abiertos y proponer cambios multilínea:

1. Abre el chat
2. Activa el modo agente (suele haber un toggle en el chat)
3. Escribe una tarea amplia como:

   Add input validation to all API routes in this project. Use zod schemas.

4. El agente explorará los archivos relevantes, propondrá cambios y en algunos casos ejecutará npm install zod
5. Revisa cada cambio propuesto antes de aprobarlo

¿Cuándo usarlo / cuándo no?

Úsalo cuando:

• Escribes código repetitivo (getters, setters, validaciones, CRUDs)
• Necesitas explorar una API o librería que no conoces bien
• Quieres entender código heredado rápido —pídele a la extensión que lo explique
• Generas tests unitarios para cubrir casos bordes
• Prototipas funciones rápidamente antes de refinar la implementación
• Trabajas con un stack estándar (JavaScript, TypeScript, Python, React, Next.js)

No lo uses cuando:

• El código maneja datos sensibles o credenciales —algunas extensiones envían código a servidores externos
• La corrección debe ser exacta y no admite alucinaciones (cálculos financieros, lógica de seguridad crítica)
• Todavía no entiendes bien el código que estás escribiendo —la extensión puede darte una falsa sensación de comprensión
• El equipo tiene estándares de estilo muy específicos que la extensión no conoce
• Estás aprendiendo un concepto nuevo —escribir código manualmente ayuda a fijar el conocimiento

Advertencia de privacidad: Revisa la política de datos de cada extensión. GitHub Copilot y Cody ofrecen planes empresariales donde el código no se usa para entrenamiento. Continue con modelos locales no envía datos a ningún servidor. Elige según tus necesidades de cumplimiento.