Tema 4 · Atajos Pro

4. Atajos de Teclado Esenciales: Navegación, Movimiento y Duplicación de Líneas

Programa al doble de velocidad sin usar el ratón: mover y duplicar bloques, ir a definiciones (F12) y renombrar símbolos en cascada (F2).

El Secreto de la Velocidad: Mantener las Manos en el Teclado

Cada vez que despegas la mano derecha del teclado para buscar el ratón, seleccionar texto con el puntero, hacer clic derecho y elegir "Copiar", pierdes entre 3 y 5 segundos de concentración cognitiva. Multiplicado por cientos de ediciones al día, dominar los atajos nativos de VS Code te ahorrará horas enteras de trabajo cada semana.

📌 Regla de Oro sin Selección: En VS Code, si presionas Ctrl + C (Copiar) o Ctrl + X (Cortar) sin haber seleccionado ningún texto, el editor copia o corta automáticamente toda la línea actual completa.

Tabla Maestra de Atajos de Manipulación de Código

Atajo (Windows / Linux) Atajo (macOS) Acción Directa en el Código
Alt + ↑ / Alt + ↓ Opt + ↑ / Opt + ↓ Mueve la línea o el bloque seleccionado hacia arriba o hacia abajo.
Shift + Alt + ↓ / ↑ Shift + Opt + ↓ / ↑ Duplica instantáneamente la línea o bloque actual debajo o arriba.
Ctrl + Shift + K Cmd + Shift + K Elimina la línea completa sin dejar espacios vacíos ni usar el portapapeles.
Ctrl + Enter Cmd + Enter Inserta una nueva línea debajo aunque el cursor esté en medio de una palabra.
Ctrl + / (o Ctrl + Ç) Cmd + / Comenta o descomenta la línea o selección actual (//, /* */, <!-- -->).
F12 F12 Go to Definition: Salta al archivo y línea exacta donde fue creada una función o clase.
Alt + F12 Opt + F12 Peek Definition: Muestra el código de la función en una mini ventana emergente sin cambiar de archivo.
F2 F2 Rename Symbol: Renombra una variable, método o clase de forma inteligente en todos los archivos donde se use.

⚡ Personalización de Atajos en keybindings.json (Ctrl+K Ctrl+S)

Cómo crear tus propios atajos personalizados en el archivo keybindings.json para acciones frecuentes.

keybindings.json
Solo lectura
// Abre este archivo presionando Ctrl+K Ctrl+S y haciendo clic en el icono de archivo JSON arriba a la derecha
[
  // 1. Duplicar línea rápidamente con Ctrl + Shift + D (estilo Sublime Text)
  {
    "key": "ctrl+shift+d",
    "command": "editor.action.copyLinesDownAction",
    "when": "editorTextFocus && !editorReadonly"
  },

  // 2. Envolver código HTML seleccionado con una abreviatura Emmet usando Alt + W
  {
    "key": "alt+w",
    "command": "editor.emmet.action.wrapWithAbbreviation",
    "when": "editorTextFocus && !editorReadonly"
  },

  // 3. Transformar el texto seleccionado a MAYÚSCULAS con Ctrl + K, Ctrl + U
  {
    "key": "ctrl+k ctrl+u",
    "command": "editor.action.transformToUppercase",
    "when": "editorTextFocus && !editorReadonly"
  },

  // 4. Transformar el texto seleccionado a minúsculas con Ctrl + K, Ctrl + L
  {
    "key": "ctrl+k ctrl+l",
    "command": "editor.action.transformToLowercase",
    "when": "editorTextFocus && !editorReadonly"
  }
]
🧠
Mini-Quiz de Retención
Comprueba tu comprensión antes de pasar a la siguiente lección
1 Pregunta
Pregunta 1
¿Qué atajo de teclado en VS Code permite renombrar de manera segura e inteligente una función o variable en todas sus referencias reales sin afectar comentarios ni palabras parecidas?
🦉
¿Tienes dudas con este tema?
Sócrates AI puede darte analogías y explicarte este código paso a paso.

🚀 ¿Quieres dominar Visual Studio Code & GitHub Copilot Profesional y crear proyectos reales?

Aprende arquitectura limpia, desarrollo web moderno, buenas prácticas y despliegue en producción con nuestro Bootcamp Fullstack Developer con mentorías en vivo.

🏛️ Autoría y Propiedad Intelectual: Obra educativa original de David Amador para Kilopolis Academia (Solucionáticos), estructurada sobre las especificaciones y estándares abiertos del W3C, el estándar vivo de WHATWG y la documentación oficial de código abierto. © Todos los derechos reservados.