VS Code en 2026: La Guía Completa de Configuración, Extensiones y Programación con IA
Todo lo que necesitas para usar Visual Studio Code como un profesional en 2026 — instalación y Settings Sync, perfiles, las extensiones esenciales, Remote-SSH y Dev Containers, depuración integrada con launch.json, tareas, Git y control de versiones, y programación con IA usando GitHub Copilot, Continue, Cline y Claude Code. Incluye una comparación directa con Cursor y ejemplos reales de settings.json / launch.json.
Por Jose Nobile | Actualizado 2026-07-01 | 24 min de lectura
¿Qué es VS Code y Por Qué Sigue Ganando en 2026?
Visual Studio Code es el editor de código gratuito y de código abierto de Microsoft y, por amplio margen, la herramienta de desarrollo más usada del mundo. Está construido sobre Electron y el editor open-source Monaco, y su código vive en el repositorio con licencia MIT "Code - OSS". Microsoft publica una versión estable con marca aproximadamente una vez al mes, más una build nocturna Insiders, así que las funciones llegan de forma continua en lugar de en grandes lanzamientos.
Lo que hace que VS Code perdure es la combinación de un núcleo ligero y un marketplace de extensiones enorme. El editor arranca rápido y se mantiene ágil incluso en repositorios grandes, mientras que todo lo específico de cada lenguaje — linting, formateo, depuración, contenedores, desarrollo remoto — llega a través de extensiones que tú eliges instalar. En 2026 ese ecosistema es la razón por la que casi toda herramienta de IA para programar, incluido Cursor, se construye sobre VS Code en vez de reemplazarlo.
La otra razón por la que importa: VS Code cerró él mismo casi toda la brecha de IA. GitHub Copilot ahora está profundamente integrado con completados inline, Copilot Chat y un modo agente de primera parte que puede ejecutar herramientas y servidores MCP — y la extensión Copilot Chat se liberó como código abierto en 2025. Ya no necesitas un fork como Cursor para tener edición agéntica; la tienes en VS Code de fábrica, o puedes sumar extensiones open-source como Continue y Cline. Esta guía cubre toda la configuración profesional de principio a fin.
Gratis y Open Source
El núcleo tiene licencia MIT ("Code - OSS"). La build con marca de Microsoft es gratis para uso personal y comercial, sin licencias por asiento. Versiones estables mensuales más un canal nocturno Insiders.
Marketplace Oficial
Acceso al Visual Studio Marketplace completo, incluidas extensiones exclusivas de Microsoft — Pylance, C/C++, Remote-SSH y Dev Containers — que los forks en Open VSX no pueden distribuir legalmente.
IA y Modo Agente Nativos
Completados inline de Copilot, Copilot Chat y un modo agente integrado que ejecuta herramientas y servidores MCP vienen en VS Code de fábrica. Copilot Chat es open source y existe un tier gratuito de Copilot.
Enfoque Remoto
Remote-SSH, Dev Containers, WSL y GitHub Codespaces permiten que la interfaz corra localmente mientras el language server, la terminal y el depurador corren en un host remoto o contenedor. Una herramienta, cualquier entorno.
Instalación, Settings Sync y Perfiles
Descarga VS Code para macOS, Windows o Linux desde code.visualstudio.com. En Windows el User Installer no requiere permisos de administrador; en macOS arrástralo a Aplicaciones; en Linux instala el .deb/.rpm o el Snap/Flatpak, o en Arch usa el AUR. Instala el comando de shell code (Paleta de Comandos → "Shell Command: Install 'code' command in PATH") para poder ejecutar code . desde cualquier terminal. VS Code se actualiza solo en el canal estable mensual.
Activa Settings Sync de inmediato (Paleta de Comandos → "Settings Sync: Turn On", o el ícono de cuenta en la Activity Bar). Inicia sesión con una cuenta de GitHub o Microsoft y tu settings.json, atajos, snippets, extensiones y estado de la interfaz se replican en cada máquina. Combínalo con Perfiles para mantener stacks separados — por ejemplo un perfil "Python" liviano y uno "Frontend" más pesado — cada uno con sus propias extensiones y configuraciones, exportable como un archivo .code-profile para compartir.
{
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" },
"editor.rulers": [88, 100],
"editor.tabSize": 2,
"editor.stickyScroll.enabled": true,
"files.trimTrailingWhitespace": true,
"files.insertFinalNewline": true,
"files.autoSave": "onFocusChange",
"terminal.integrated.defaultProfile.linux": "bash",
"[python]": {
"editor.defaultFormatter": "charliermarsh.ruff",
"editor.tabSize": 4
},
"settingsSync.ignoredSettings": ["terminal.integrated.env.linux"]
}
Requisitos del Sistema
Una versión de macOS que aún reciba actualizaciones de seguridad de Apple (la última más las dos anteriores), un Windows de 64 bits con soporte vigente o un Linux moderno (glibc 2.28+). 4 GB de RAM alcanzan; 8–16 GB van cómodos con language servers y extensiones de IA corriendo. No se necesita GPU.
Tres Capas de Configuración
Los ajustes de Usuario aplican en todas partes, los de Workspace (.vscode/settings.json) se sobreponen por proyecto y se commitean al repo, y los de Carpeta aplican a workspaces multi-raíz. Los bloques por lenguaje ([python]) se sobreponen por tipo de archivo.
Settings Sync
Inicia sesión con GitHub o Microsoft para sincronizar ajustes, atajos, snippets, tareas, estado de la interfaz y extensiones entre máquinas. Usa settingsSync.ignoredSettings para dejar locales las claves específicas de cada máquina.
Perfiles
Agrupa un conjunto de extensiones y ajustes en un Perfil con nombre por stack o cliente. Cambia al instante, mantén un perfil web recargado lejos de uno mínimo de edición, y exporta un .code-profile para compartir con tu equipo.
La CLI code
Instala el comando code para abrir archivos y carpetas desde la shell (code .), comparar dos archivos (code --diff a b), instalar extensiones (code --install-extension) o esperar a un editor como tu $EDITOR.
Extensiones Esenciales
VS Code es deliberadamente minimalista de fábrica; las extensiones lo convierten en un IDE completo. Instálalas desde la vista de Extensiones (Ctrl/Cmd+Shift+X) o por la CLI (code --install-extension dbaeumer.vscode-eslint). La regla de oro es la mesura: cada extensión suma costo de arranque y un proceso en segundo plano, así que instala lo que uses y apóyate en los Perfiles para aislar los conjuntos por stack. Usa el Extension Bisect integrado ("Help: Start Extension Bisect") para cazar cuál te está ralentizando.
Un puñado son casi universales. ESLint (dbaeumer.vscode-eslint) y Prettier (esbenp.prettier-vscode) te dan lint al guardar y formateo al guardar. GitLens potencia la vista de Git con blame en línea e historial. Error Lens muestra los diagnósticos en línea al final de la línea en vez de solo al pasar el cursor. EditorConfig impone reglas de espacios compartidas en todo el equipo.
Cada stack de lenguaje trae sus imprescindibles: la extensión de Python con Pylance y Ruff, rust-analyzer para Rust, la extensión de Go, y para TypeScript el servicio de lenguaje integrado más Pretty TypeScript Errors. Complétalo con Docker / Container Tools, el pack de Remote Development, REST Client o Thunder Client para probar APIs, y un tema de íconos como Material Icon Theme.
ESLint + Prettier
dbaeumer.vscode-eslint y esbenp.prettier-vscode. Formateo al guardar y auto-fix de lint al guardar vía editor.codeActionsOnSave. Pon Prettier como formateador por defecto y deja que ESLint se encargue de la calidad del código.
GitLens + Error Lens
GitLens agrega blame en línea, historial de archivo/línea y diffs ricos sobre la vista SCM nativa. Error Lens renderiza errores y advertencias en línea al final de la línea para que los arregles sin pasar el cursor.
Paquetes de Lenguaje
Python + Pylance + Ruff, rust-analyzer, la extensión de Go y el servicio TypeScript integrado. Ofrecen IntelliSense, ir-a-definición, refactorizaciones e integración con el depurador por lenguaje.
Mantenlo Liviano
Las extensiones cuestan tiempo de arranque y RAM. Usa Perfiles para acotar conjuntos por stack, desactiva extensiones por workspace y ejecuta "Extension Bisect" o "Developer: Show Running Extensions" para hallar las lentas.
Consejo práctico: commitea un .vscode/extensions.json con un arreglo recommendations (por ejemplo ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "charliermarsh.ruff"]). Cuando un compañero abre el repo, VS Code le sugiere instalar exactamente las extensiones que el proyecto espera — onboarding sin configuración para todo el equipo.
Remote-SSH y Dev Containers
El desarrollo remoto es una de las mayores ventajas de VS Code frente a editores livianos y forks. El pack de extensiones Remote Development (ms-vscode-remote.vscode-remote-extensionpack) permite que la interfaz corra localmente mientras los language servers, la terminal, el depurador y las extensiones corren en un host remoto, un contenedor o WSL. Tu laptop queda como un cliente ligero; el cómputo pesado vive donde vive el código.
Remote-SSH se conecta a cualquier máquina alcanzable por SSH. VS Code instala automáticamente un pequeño servidor en el remoto, y luego carpetas, terminales y depuradores se ejecutan allí. Agrega hosts a tu ~/.ssh/config y elígelos desde "Remote-SSH: Connect to Host". Como Remote-SSH, Pylance y Dev Containers tienen licencia de Microsoft, solo funcionan en la build oficial de VS Code — no en forks de Open VSX como Cursor.
Los Dev Containers definen todo el toolchain en un .devcontainer/devcontainer.json commiteado. "Dev Containers: Reopen in Container" construye (o descarga) la imagen, monta tu código, reenvía puertos, ejecuta un postCreateCommand e instala las extensiones listadas dentro del contenedor. Todo el equipo obtiene un entorno idéntico bit a bit, y la misma configuración impulsa GitHub Codespaces en el navegador.
{
"name": "node-api",
"image": "mcr.microsoft.com/devcontainers/typescript-node:22",
"features": {
"ghcr.io/devcontainers/features/docker-in-docker:2": {}
},
"forwardPorts": [3000],
"postCreateCommand": "npm install",
"customizations": {
"vscode": {
"extensions": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode"],
"settings": { "editor.formatOnSave": true }
}
}
}
Remote-SSH
Edita código en cualquier host alcanzable por SSH como si fuera local. VS Code instala solo un servidor en el remoto; terminales, depuradores y extensiones corren allí. Configura los hosts en ~/.ssh/config.
Dev Containers
Commitea .devcontainer/devcontainer.json y usa "Reopen in Container". Todos obtienen el mismo SO, runtime, herramientas y extensiones. Suma capacidades con Dev Container Features reutilizables.
WSL y Codespaces
En Windows, "WSL" corre tu toolchain de Linux de forma nativa. El mismo devcontainer.json también arranca un GitHub Codespace — un VS Code completo en el navegador sin ninguna configuración local.
Extensiones Locales vs Remotas
Las extensiones se dividen en UI (tema, atajos) que quedan locales y Workspace (linters, depuradores) que se instalan en el remoto/contenedor. VS Code te muestra dónde corre cada una y las instala en el lugar correcto.
Ejemplo práctico: agrega un bloque de host a ~/.ssh/config (Host gpu-box / HostName 10.0.0.5 / User dev), ejecuta "Remote-SSH: Connect to Host", elige gpu-box y abre una carpeta. La terminal integrada, el intérprete de Python y el depurador corren ahora en la GPU box mientras editas desde tu laptop — el código nunca sale del servidor.
Depuración Integrada y launch.json
VS Code tiene un depurador de primer nivel construido sobre el Debug Adapter Protocol (DAP) abierto, así que la misma interfaz — breakpoints, pila de llamadas, watch, variables, consola de depuración — funciona de fábrica para Node.js y navegadores, y para Python, Go, Rust y decenas más a través de sus extensiones. Abre la vista Run and Debug (Ctrl/Cmd+Shift+D), presiona F5 para iniciar y avanza con F10/F11.
Las configuraciones de depuración viven en .vscode/launch.json. Cada entrada tiene un type (el debug adapter), un request (launch para iniciar un proceso o attach para engancharse a uno en ejecución) y un programa o puerto. Variables como ${workspaceFolder} y ${file} mantienen las configs portables, y compounds inicia varias configuraciones a la vez — ideal para depurar backend y frontend juntos.
Más allá de los breakpoints simples, VS Code soporta breakpoints condicionales (rompen solo cuando una expresión es verdadera), logpoints (imprimen un mensaje sin editar código ni pausar), breakpoints de datos/función y valores en línea mostrados en el propio editor. También puedes fijar preLaunchTask para compilar antes de depurar y postDebugTask para limpiar al terminar.
{
"version": "0.2.0",
"configurations": [
{
"name": "Debug API (tsx)",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/src/index.ts",
"runtimeExecutable": "tsx",
"preLaunchTask": "build",
"skipFiles": ["<node_internals>/**"],
"console": "integratedTerminal"
},
{
"name": "Python: Current File",
"type": "debugpy",
"request": "launch",
"program": "${file}",
"justMyCode": false
},
{
"name": "Attach to Chrome",
"type": "chrome",
"request": "attach",
"port": 9222,
"webRoot": "${workspaceFolder}"
}
],
"compounds": [
{ "name": "Full Stack", "configurations": ["Debug API (tsx)", "Attach to Chrome"] }
]
}
launch vs attach
launch inicia y controla un proceso nuevo; attach se conecta a uno ya en ejecución vía un puerto de depuración. Usa attach para servidores en contenedores o un Chrome iniciado con --remote-debugging-port.
Breakpoints y Logpoints
Los breakpoints condicionales rompen solo cuando una expresión es verdadera; los de conteo de aciertos disparan en la N-ésima pasada; los logpoints imprimen un mensaje interpolado sin pausar ni editar código.
Compounds y Tareas
Inicia backend y frontend juntos con una entrada compounds. Conecta preLaunchTask para compilar primero y postDebugTask para tumbar servicios cuando termina la sesión.
Debug Adapter Protocol
Una interfaz de depuración, cualquier lenguaje. DAP es un estándar abierto, así que los mismos breakpoints, watch y pila de llamadas funcionan para Node, Python (debugpy), Go (Delve), Rust (CodeLLDB) y más.
Ejemplo práctico: para depurar un contenedor en ejecución, expón el inspector (node --inspect=0.0.0.0:9229 server.js), luego agrega una config attach con "port": 9229 y un mapeo localRoot/remoteRoot. Pon un breakpoint en tu código, presiona F5 y VS Code pausa la ejecución dentro del contenedor mientras inspeccionas variables localmente.
Tareas y Automatización de Builds
Las tareas te dejan ejecutar tus comandos de build, test, lint y deploy sin salir del editor. Viven en .vscode/tasks.json y se exponen mediante "Tasks: Run Task" y el atajo Ctrl/Cmd+Shift+B para la tarea de build por defecto. Una tarea puede invocar cualquier comando (npm run build, make, cargo test) y su salida se captura en un panel de terminal dedicado.
El verdadero poder son los problem matchers. Un problem matcher analiza la salida de una tarea y convierte los errores del compilador o el linter en entradas cliqueables del panel Problems, con subrayados rojos en el editor. Matchers integrados como $tsc y $eslint-stylish cubren toolchains comunes; puedes definir el tuyo con una regex para cualquier otra cosa.
Las tareas también soportan procesos en segundo plano/watch (isBackground: true con un matcher background que detecta cuándo el watcher queda inactivo), cadenas dependsOn para ejecutar tareas en secuencia o en paralelo, y el campo group para marcar una tarea como el build o test por defecto. Como una config de depuración puede llamar una tarea vía preLaunchTask, tareas y depuración se combinan en un flujo de una sola pulsación.
{
"version": "2.0.0",
"tasks": [
{
"label": "build",
"type": "shell",
"command": "npm run build",
"group": { "kind": "build", "isDefault": true },
"problemMatcher": ["$tsc"]
},
{
"label": "test:watch",
"type": "shell",
"command": "npm test -- --watch",
"isBackground": true,
"group": "test"
},
{
"label": "ci",
"dependsOn": ["build", "test:watch"],
"dependsOrder": "sequence"
}
]
}
Run Task
"Tasks: Run Task" lista todas las tareas; Ctrl/Cmd+Shift+B ejecuta el build por defecto. Asigna una tarea a un atajo de teclado en keybindings.json para builds y deploys de una sola tecla.
Problem Matchers
Convierte la salida cruda del compilador/linter en entradas cliqueables de Problems y subrayados en línea. Usa integrados como $tsc y $eslint-stylish, o escribe un matcher regex propio para cualquier herramienta.
Watchers en Segundo Plano
Marca los watchers de larga duración con isBackground: true y un problem matcher de fondo para que VS Code sepa cuándo empieza y termina un ciclo de compilación/watch sin bloquear otras tareas.
Cadenas dependsOn
Combina tareas con dependsOn y dependsOrder (sequence o parallel) para armar pipelines — lint, luego build, luego test — desde un solo comando.
Variables de Tarea
Usa ${workspaceFolder}, ${file}, ${relativeFile} y prompts ${input:...} para armar definiciones de tarea reutilizables y portables que se adaptan al archivo activo o a la entrada del usuario.
Conéctalo a la Depuración
Referencia una tarea desde una config de launch con preLaunchTask para compilar antes de cada sesión de depuración, y postDebugTask para tumbar servicios al detenerte. Build y depuración se vuelven una sola acción.
Ejemplo práctico: define una tarea build con el matcher $tsc y márcala como default. Ahora Ctrl/Cmd+Shift+B compila el proyecto; cualquier error de TypeScript aparece en el panel Problems y como un subrayado en línea al que puedes saltar. Pon "preLaunchTask": "build" en launch.json para que al presionar F5 siempre depures código recién compilado.
Git y Control de Versiones
VS Code trae un cliente Git completo en la vista Source Control (Ctrl/Cmd+Shift+G). Detecta cualquier repo en tu carpeta y te da staging, commit, ramas, merge y push/pull sin tocar la terminal — sin dejar de permitirte bajar a la terminal cuando quieras. El gutter marca las líneas agregadas/cambiadas/eliminadas, y el editor de diff es la misma vista rica de tres vías usada en todas partes.
Las funciones de control de versiones que usarás a diario:
- Stage y commit — Prepara archivos individuales, hunks o incluso líneas seleccionadas desde el diff, y luego commitea desde la caja de mensaje (
Ctrl/Cmd+Enter). Smart Commit prepara todo cuando no hay nada en staging. - Ramas y merges — Crea, cambia y publica ramas desde la barra de estado. Los conflictos de merge se abren en un editor de merge de 3 vías con acciones "Accept Incoming/Current/Both".
- Diff y blame en línea — El gutter marca los cambios contra HEAD; pasa el cursor para ver y revertir un hunk. GitLens agrega blame por línea e historial completo del archivo.
- Vista Timeline — La Timeline muestra el historial de Git de un archivo más los checkpoints de edición local, para que compares o restaures cualquier versión anterior rápidamente.
- Stashes y sync — Guarda trabajo en progreso con stash, y usa el botón de sync de la barra de estado (pull y luego push) para mantener tu rama al día con un clic.
- Pull requests — La extensión GitHub Pull Requests te deja crear, revisar, comentar y mergear PRs por completo dentro del editor.
Configura el comportamiento de Git en settings.json. Claves útiles incluyen git.autofetch para mantener los remotos frescos, git.confirmSync para evitar pushes sorpresa, diffEditor.ignoreTrimWhitespace para diffs más limpios, y git.mergeEditor para habilitar la interfaz de merge de 3 vías. Combínalo con un .gitignore y un .gitattributes commiteados para que todo el equipo comparta las mismas reglas de ignore y la normalización de finales de línea.
{
"git.autofetch": true,
"git.confirmSync": false,
"git.enableSmartCommit": true,
"git.mergeEditor": true,
"git.branchProtection": ["main", "release/*"],
"diffEditor.ignoreTrimWhitespace": false,
"scm.defaultViewMode": "tree",
"gitlens.currentLine.enabled": true
}
Stage de Hunks y Líneas
Abre el diff de un archivo cambiado, luego prepara o revierte hunks individuales o un rango seleccionado. Arma commits limpios y atómicos sin gimnasia de git add -p en la terminal.
Editor de Merge de 3 Vías
Los conflictos se abren en un editor de merge que muestra Incoming, Current y Result. Acepta cualquiera de los lados, ambos, o edita el resultado a mano — con vista previa en vivo del archivo fusionado antes de commitear.
GitLens
Blame en línea ("Tú, hace 3 días"), historial de archivo y línea, un grafo de commits y hovers ricos. La extensión de Git más instalada convierte la vista SCM en un explorador de historial completo.
GitHub Pull Requests
Crea y revisa PRs en el editor: haz checkout de una rama de PR, lee el diff, deja comentarios por línea, solicita cambios y mergea — sin pasar al navegador.
.gitignore y .gitattributes
Commitea ambos para que el equipo comparta reglas de ignore y normalización de finales de línea (* text=auto). VS Code también ofrece "Add to .gitignore" desde el menú contextual del SCM.
Timeline e Historial Local
La vista Timeline combina commits de Git con checkpoints automáticos de edición local, para que compares o restaures un archivo a un estado de hace minutos incluso antes de haber commiteado.
Ejemplo práctico: cuando un rebase te deja con conflictos, VS Code lista los archivos en conflicto en Source Control. Abre uno, resuélvelo en el editor de merge de 3 vías con "Accept Both" donde sea seguro, prepara el archivo y continúa el rebase desde el menú del SCM — todo sin salir del editor ni memorizar git checkout --theirs.
Programación con IA en VS Code
En 2026 no necesitas un fork para tener programación con IA de primer nivel en VS Code. GitHub Copilot es la opción por defecto: completados inline, Copilot Chat, un modo agente que edita varios archivos y ejecuta herramientas, un modo "edit" (multi-archivo) y un selector de modelos que te deja elegir entre modelos de OpenAI, Anthropic Claude y Google Gemini. Hay un tier gratuito genuinamente usable, y la extensión Copilot Chat se liberó como open source en 2025, integrando buena parte de su interfaz en el núcleo de VS Code.
Si prefieres el código abierto o traer tu propia clave, dos extensiones destacan. Continue es un asistente configurable (autocompletado, chat y agente) que se conecta a cualquier proveedor o a un modelo local vía Ollama, configurado en ~/.continue/config.yaml y reglas .continue por proyecto. Cline (antes Claude Dev) y su fork Roo Code son agentes autónomos con modos plan/act, herramientas de terminal y navegador, y soporte MCP — pagas solo por las llamadas a la API. Aparte, el Claude Code de Anthropic trae una extensión de VS Code que corre el agente de terminal en un panel lateral y muestra sus ediciones como diffs nativos.
GitHub Copilot
La opción de primera parte: completados inline, Copilot Chat, modos edit y agente, herramientas MCP y un selector de modelos entre GPT, Claude y Gemini. Tier gratuito disponible; extensión Chat open source.
Continue
Asistente open-source y agnóstico de proveedor para autocompletado, chat y agentes. Apúntalo a APIs alojadas o a un modelo local vía Ollama; configura modelos y reglas en config.yaml.
Cline / Roo Code
Agentes autónomos open-source (Cline, antes Claude Dev, más el fork Roo Code). Modos plan/act, edición de archivos, herramientas de terminal y navegador, servidores MCP. Trae tu propia API key; pagas por uso.
Extensión Claude Code
El agente Claude Code de Anthropic en un panel lateral de VS Code: comparte tus archivos abiertos y la selección como contexto y muestra sus cambios como diffs nativos del editor que apruebas.
Clave Propia / Local
Continue, Cline y Roo Code te dejan usar tus propias claves de Anthropic, OpenAI o Azure, o un modelo totalmente local vía Ollama/LM Studio — manteniendo el código en tu propia infraestructura.
Ejemplo práctico: mantén Copilot para completados inline rápidos y chat del día a día, agrega Cline (o la extensión Claude Code) para refactors autónomos largos donde quieras un bucle de planear-luego-actuar, y suma Continue con un modelo local de Ollama para trabajo offline o sensible a la privacidad. Como son solo extensiones, puedes correr varias y cambiar según la tarea — sin necesitar un editor aparte.
MCP y Modo Agente
El modo agente de VS Code (vía Copilot) habla el Model Context Protocol (MCP), así que puedes conectar herramientas externas y fuentes de datos directamente a la IA. Los servidores MCP exponen capacidades — consultas de base de datos, operaciones de GitHub, acceso al sistema de archivos, fetch web, lógica de negocio personalizada — como herramientas que el agente puede llamar mientras trabaja. Los mismos servidores MCP los consumen Cline, Roo Code y la extensión Claude Code, así que un servidor que configuras una vez es reutilizable entre asistentes.
Configura los servidores en un .vscode/mcp.json de workspace (commiteado para el equipo) o en tu configuración de usuario. VS Code usa un objeto servers de nivel superior y soporta stdio (comando local), además de transportes remotos http y sse. Usa el bloque inputs para pedir secretos en tiempo de ejecución en vez de dejar los tokens quemados en el archivo. Una vez agregadas, las herramientas aparecen en el selector del agente y apruebas cada llamada la primera vez que se ejecuta.
{
"inputs": [
{ "id": "gh_pat", "type": "promptString", "description": "GitHub PAT", "password": true }
],
"servers": {
"filesystem": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-filesystem", "${workspaceFolder}"]
},
"github": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-github"],
"env": { "GITHUB_PERSONAL_ACCESS_TOKEN": "${input:gh_pat}" }
},
"postgres": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-postgres", "postgresql://localhost:5432/mydb"]
}
}
}
Acceso a Base de Datos
Conecta PostgreSQL, MySQL o SQLite vía MCP. El agente lee tu esquema, entiende el modelo de datos y genera migraciones, consultas y tipos informados por tu base de datos real.
Herramientas GitHub / GitLab
Crea issues, lee PRs y busca repos a través de MCP. El agente puede abrir un PR con descripción, asignar revisores y vincular issues — todo desde un prompt en lenguaje natural en modo agente.
Servidores MCP Personalizados
Expón APIs internas, lógica de negocio o herramientas propietarias escribiendo tu propio servidor MCP. El agente las invoca como cualquier herramienta integrada, extendiendo VS Code con capacidades específicas de tu dominio.
Config Commiteada y Segura
Pon .vscode/mcp.json en el repo para que todos tengan las mismas herramientas, y usa el bloque inputs con password: true para pedir tokens en tiempo de ejecución en vez de commitear secretos.
Ejemplo práctico: agrega el servidor MCP de PostgreSQL, luego en modo agente pide "analiza la tabla users y crea una migración para agregar columnas de verificación de email con índices apropiados." El agente consulta el esquema en vivo vía MCP, escribe el archivo de migración y genera los tipos TypeScript correspondientes — aprobando cada llamada de herramienta sobre la marcha.
VS Code vs Cursor y Otros Editores
VS Code (de fábrica)
Gratis, open-source, marketplace oficial con extensiones exclusivas de Microsoft (Pylance, Remote-SSH, Dev Containers). Modo agente de Copilot y MCP nativos. Suma Continue/Cline/Claude Code según necesites. La opción segura por defecto.
Cursor
Un fork de VS Code con un modelo Tab excelente, Composer y modo Agente integrados. Usa Open VSX, así que no puede distribuir extensiones con licencia de MS. Mejor si quieres la experiencia de edición con IA más pulida. $0-200/mes.
Copilot en VS Code
La capa de IA de primera parte: completados inline, Chat, modos edit y agente, selector de modelos (GPT/Claude/Gemini), herramientas MCP. Tier gratuito más planes de pago. Te deja en VS Code de fábrica, sin fork.
Claude Code
Agente terminal-first con una extensión de panel lateral para VS Code. Config CLAUDE.md, skills, subagentes, MCP, worktrees. Se combina con cualquier editor para trabajo autónomo profundo. Pro $20 / Max $100-200/mes.
Windsurf y otros forks
Windsurf (agente Cascade) y forks similares de VS Code cambian el marketplace oficial por una experiencia de IA integrada. Tiers gratuitos fuertes, pero aplican los mismos límites de extensiones de Open VSX que con Cursor.
La lectura honesta de 2026: la brecha que hacía atractivos a los forks se achicó. VS Code de fábrica con el modo agente de Copilot cubre la mayoría de los flujos, conserva el marketplace oficial y las extensiones exclusivas de Microsoft (Remote-SSH, Pylance, Dev Containers), sigue gratis, y te deja sumar Claude Code, Continue o Cline. Elige Cursor si su predicción con Tab y la experiencia de Composer valen renunciar al marketplace oficial; elige Claude Code para trabajo autónomo terminal-first. Muchos desarrolladores usan VS Code como editor y Claude Code al lado para automatización pesada — lo mejor de ambos.
Ediciones, Licencias y Costo
El editor VS Code en sí es totalmente gratis para uso personal y comercial — sin asientos, sin suscripción. El núcleo es open source (MIT "Code - OSS"); la build con marca de Microsoft agrega el marketplace, la telemetría y las extensiones exclusivas de MS.
GitHub Copilot es el complemento de pago: un tier gratuito con límites mensuales, Pro (~$10/mes), Pro+ (~$39/mes) para más solicitudes de modelos premium, más asientos Business y Enterprise. Todo lo demás en el editor sigue gratis.
Con Continue, Cline o Roo Code pagas solo las tarifas de API de tu proveedor — o nada corriendo un modelo local vía Ollama/LM Studio. Claude Code se factura a través de tu suscripción Anthropic Pro/Max o por API.
No hay tarifa de licencia por VS Code, así que el presupuesto se trata en realidad del uso de IA. Las tres palancas son: una suscripción (Copilot, o Claude Code vía Anthropic Pro/Max) con costo mensual predecible; claves de API propias, donde pagas por token y controlas el gasto; o inferencia totalmente local para costo marginal cero y máxima privacidad. La mayoría de los equipos mezcla una suscripción de Copilot para completados diarios con agentes de clave propia para tareas pesadas.
Optimización de Costo
Usa completados inline y un modelo barato/rápido para ediciones rutinarias, y reserva los modelos premium (Opus, GPT, Gemini Pro) para razonamiento difícil. Vigila el conteo de solicitudes premium en Copilot y fija límites de gasto en las claves propias.
Local para Privacidad
Corre un modelo local vía Ollama o LM Studio a través de Continue para asistencia offline, de costo cero y totalmente privada. Deja un modelo en la nube configurado como respaldo para las tareas que un modelo local no puede resolver.
Configuración de Equipo y Workspace
La carpeta .vscode/ es la forma en que un equipo distribuye un entorno consistente dentro del propio repo. Commitea settings.json, extensions.json, launch.json, tasks.json y mcp.json y cada clon queda preconfigurado — mismo formateador, mismas extensiones recomendadas, mismos comandos de depuración y build, mismas herramientas de IA. Los recién llegados son productivos en el primer git clone, no al tercer día.
Súmale a eso un .devcontainer/devcontainer.json commiteado y un .editorconfig, y estandarizas no solo el editor sino todo el runtime. Para la IA, los archivos de instrucciones de agente (un AGENTS.md del repo o instrucciones de Copilot) le dan a cada asistente los mismos estándares de código, y un mcp.json de workspace le da a cada desarrollador las mismas herramientas. Es portable entre editores: los mismos archivos que configuran VS Code también impulsan Codespaces y, en las partes compartidas, otras herramientas basadas en VS Code.
Ajustes de Workspace Commiteados
Pon .vscode/settings.json en el repo para que el formateador, el tamaño de tab y el lint al guardar sean idénticos para todos — sobreponiéndose a los ajustes de usuario solo para este proyecto.
Extensiones Recomendadas
Un .vscode/extensions.json con una lista recommendations sugiere a los compañeros instalar exactamente las extensiones que el proyecto necesita — ESLint, Prettier, el paquete de lenguaje correcto — al abrir.
Depuración y Tareas Compartidas
Un launch.json y un tasks.json commiteados hacen que todos depuren y compilen con los mismos comandos de una tecla. Sin scripts de "funciona en mi máquina" viviendo solo en el historial de shell de alguien.
Dev Containers
Un devcontainer.json commiteado estandariza SO, runtime y herramientas, no solo el editor. La misma configuración también arranca un GitHub Codespace en el navegador sin ninguna configuración local.
EditorConfig
.editorconfig impone reglas de indentación, charset y newline final en todos los editores, así el formato se mantiene consistente incluso para compañeros que no usan VS Code.
Instrucciones de IA Compartidas
Commitea un AGENTS.md o un archivo de instrucciones de Copilot para que cada asistente siga los mismos estándares de código, reglas de arquitectura y prácticas prohibidas en todo el equipo.
Live Share
La extensión Live Share habilita edición y depuración colaborativas en tiempo real con terminales y servidores compartidos — pair programming o respuesta a incidentes sin el lag de compartir pantalla.
Servidores MCP Compartidos
Pon .vscode/mcp.json en el repo para que el agente de todos obtenga las mismas herramientas — base de datos, GitHub, APIs internas — con los secretos pedidos en tiempo de ejecución, no commiteados.
Ejemplo práctico: un equipo de 15 personas commitea .vscode/ (settings, extensions, launch, tasks, mcp), un .devcontainer/devcontainer.json, un .editorconfig y un AGENTS.md. Un ingeniero nuevo clona el repo, reabre en el contenedor, acepta las extensiones recomendadas, presiona F5 para depurar, y su asistente de IA ya tiene las herramientas MCP correctas y las reglas de código — todo antes de escribir una sola línea.