REFERENCIA RÁPIDA DE VS CODE
Navegación, edición, multi-cursor, terminal, depuración, extensiones
Navegación
Navegación de Archivos y Símbolos
| Ctrl+P | Abrir archivo rápidamente por nombre |
| Ctrl+Shift+P | Paleta de comandos |
| Ctrl+Shift+O | Ir al símbolo en el archivo |
| Ctrl+T | Ir al símbolo en el espacio de trabajo |
| Ctrl+G | Ir al número de línea |
| F12 | Ir a la definición |
| Alt+F12 | Vista previa de definición |
| Shift+F12 | Buscar todas las referencias |
| Ctrl+Shift+\ | Saltar al corchete coincidente |
Navegación de Pestañas y Editor
| Ctrl+Tab | Ciclar por las pestañas abiertas |
| Ctrl+1 / 2 / 3 | Enfocar grupo de editor 1 / 2 / 3 |
| Ctrl+\ | Dividir editor |
| Ctrl+B | Alternar barra lateral |
| Ctrl+J | Alternar panel inferior |
Edición
Operaciones de Línea
| Ctrl+Shift+K | Eliminar línea entera |
| Alt+Up / Down | Mover línea arriba / abajo |
| Shift+Alt+Up / Down | Copiar línea arriba / abajo |
| Ctrl+Enter | Insertar línea abajo |
| Ctrl+Shift+Enter | Insertar línea arriba |
| Ctrl+Shift+[ | Plegar región |
| Ctrl+Shift+] | Desplegar región |
Manipulación de Texto
| Ctrl+D | Seleccionar palabra (repetir para añadir siguiente coincidencia) |
| Ctrl+Shift+L | Seleccionar todas las ocurrencias de la selección |
| Ctrl+L | Seleccionar línea entera |
| Ctrl+/ | Alternar comentario de línea |
| Shift+Alt+A | Alternar comentario de bloque |
| Tab / Shift+Tab | Indentar / quitar indentación de línea |
Multi-Cursor
Añadir Cursores
| Alt+Click | Añadir cursor en posición de clic |
| Ctrl+Alt+Up / Down | Añadir cursor arriba / abajo |
| Ctrl+D | Añadir siguiente ocurrencia de la selección |
| Ctrl+Shift+L | Añadir cursor en todas las ocurrencias |
| Ctrl+U | Deshacer última adición de cursor |
| Esc | Salir del modo multi-cursor |
Flujo de Trabajo Multi-Cursor
// Seleccionar una palabra, luego Ctrl+D para añadir coincidencias
// Escribir el reemplazo — todos los cursores se actualizan
// Ctrl+Shift+L selecciona TODAS las coincidencias a la vez
// Alt+Click para colocación arbitraria de cursor
Terminal
Atajos de Terminal
| Ctrl+` | Alternar terminal integrado |
| Ctrl+Shift+` | Crear nuevo terminal |
| Ctrl+Shift+5 | Dividir terminal |
| Ctrl+PgUp / PgDn | Desplazar terminal arriba / abajo |
| Ctrl+Shift+C | Copiar selección en terminal |
| Ctrl+Shift+V | Pegar en terminal |
Gestión de Terminal
| Ctrl+Shift+P → Terminal: Kill | Terminar terminal activo |
| Ctrl+Shift+P → Terminal: Rename | Renombrar pestaña de terminal |
| Terminal dropdown | Cambiar entre terminales |
| terminal.integrated.shell.* | Configuración para cambiar el shell predeterminado |
Depuración
Controles de Depuración
| F5 | Iniciar / continuar depuración |
| Shift+F5 | Detener depuración |
| Ctrl+Shift+F5 | Reiniciar depuración |
| F9 | Alternar punto de interrupción |
| F10 | Paso sobre |
| F11 | Paso hacia adentro |
| Shift+F11 | Paso hacia afuera |
Ejemplo de launch.json
{
"type": "node",
"request": "launch",
"name": "Run App",
"program": "${workspaceFolder}/app.js"
}
Características de Depuración
| Watch panel | Monitorear expresiones durante la depuración |
| Call Stack | Ver pila de llamadas de ejecución |
| Debug Console | Evaluar expresiones en punto de interrupción |
| Conditional breakpoint | Clic derecho en punto de interrupción → Editar condición |
| Logpoint | Registrar mensaje sin detener la ejecución |
Extensiones
Gestión de Extensiones
| Ctrl+Shift+X | Abrir vista de Extensiones |
| @installed | Filtrar para mostrar extensiones instaladas |
| @enabled / @disabled | Filtrar por habilitadas / deshabilitadas |
| @recommended | Mostrar extensiones recomendadas |
Extensiones Esenciales
| Prettier | Formateador de código (JS, TS, CSS, HTML) |
| ESLint | Linting de JavaScript/TypeScript |
| GitLens | Integración mejorada de Git y anotaciones |
| Remote - SSH | Desarrollar en máquinas remotas vía SSH |
| Live Server | Servidor de desarrollo local con recarga en vivo |
| Thunder Client | Cliente REST API dentro de VS Code |
Configuración
Acceder a la Configuración
| Ctrl+, | Abrir UI de Configuración |
| Ctrl+Shift+P → settings.json | Abrir JSON de configuración |
Configuración Común (JSON)
{
"editor.fontSize": 14,
"editor.tabSize": 2,
"editor.formatOnSave": true,
"editor.wordWrap": "on",
"files.autoSave": "afterDelay"
}
Espacio de Trabajo vs Usuario
| User settings | Global, aplica a todos los proyectos |
| Workspace settings | Por proyecto, en .vscode/settings.json |
| Workspace overrides User | La configuración del espacio de trabajo tiene prioridad |
Atajos de Teclado
Personalización
| Ctrl+K Ctrl+S | Abrir editor de Atajos de Teclado |
| keybindings.json | Archivo JSON para atajos personalizados |
Atajos Esenciales
| Ctrl+Shift+P | Paleta de comandos (acceso a todo) |
| Ctrl+P | Abrir archivo rápido |
| Ctrl+Shift+F | Buscar en todos los archivos |
| Ctrl+H | Buscar y reemplazar en archivo |
| Ctrl+Shift+H | Buscar y reemplazar en todos los archivos |
| F2 | Renombrar símbolo |
| Ctrl+. | Corrección rápida (acciones de código) |
| Ctrl+Space | Activar IntelliSense |
| Ctrl+Shift+I | Formatear documento |
Integración con Git
Vista de Control de Código Fuente
| Ctrl+Shift+G | Abrir panel de Control de Código Fuente |
| + | Preparar cambios (en vista SCM) |
| - | Quitar cambios preparados |
| Ctrl+Enter | Confirmar (commit) cambios preparados |
| ... | Más acciones (push, pull, etc.) |
Características Git en Línea
| Gutter indicators | Marcas verde/azul/rojo para añadido/modificado/eliminado |
| Ctrl+Shift+P → Git: Checkout | Cambiar ramas |
| Ctrl+Shift+P → Git: Pull | Pull desde remoto |
| Ctrl+Shift+P → Git: Push | Push al remoto |
| Click gutter change | Vista de diff en línea para líneas modificadas |
Diff y Merge
| SCM → Open Changes | Vista de diff lado a lado |
| Inline diff arrows | Revertir cambios individuales |
| 3-way merge editor | Resolver conflictos visualmente (1.69+) |
Patrones Comunes
Características del Espacio de Trabajo
| Ctrl+Shift+E | Enfocar explorador de archivos |
| Ctrl+Shift+D | Enfocar vista de depuración |
| Ctrl+Shift+M | Mostrar panel de problemas |
| Ctrl+K Ctrl+T | Cambiar tema de color |
| Ctrl+K Z | Entrar en modo Zen |
Fragmentos de Código
// Archivo → Preferencias → Configurar Fragmentos
"Print": {
"prefix": "log",
"body": "console.log('$1');",
"description": "Console log"
}
Tareas (tasks.json)
{
"label": "build",
"type": "shell",
"command": "npm run build",
"group": "build"
}