Atajos de teclado esenciales para programadores en VS Code

Resumen

Este documento recopila los atajos de teclado más útiles de Visual Studio Code para ganar velocidad al programar. Cubre la paleta de comandos, la selección y navegación, la manipulación de líneas y bloques, los cursores múltiples, el formato, los comentarios, la visualización de paneles y Emmet. Al revisarlo, el estudiante podrá recordar las combinaciones más habituales en Windows y Linux.

Puntos clave

La paleta de comandos (F1) permite ejecutar cualquier comando aunque no se conozca su atajo.
Ctrl + L selecciona la línea completa y Ctrl + G permite navegar a una línea específica.
Alt + Flecha Arriba/Abajo mueve la línea actual y Mayús + Alt + Flecha copia la línea.
Ctrl + Alt + Flecha Arriba/Abajo añade cursores múltiples y Alt + Clic Izquierdo los coloca manualmente.
Mayús + Alt + F formatea el documento completo y Ctrl + K, Ctrl + F formatea solo el código seleccionado.
Ctrl + Ç alterna el comentario de una línea en teclados en español.

Ponte a prueba

Optimización del Flujo de Trabajo con Atajos de VS Code

La siguiente lista recopila los comandos de teclado más importantes para aumentar la velocidad y eficiencia al trabajar en Visual Studio Code (VS Code). La mayoría de estos atajos son compatibles con entornos Windows y Linux.

Acceso Rápido y Paleta de Comandos

Paleta de Comandos: Todos los comandos se pueden buscar y ejecutar usando F1, incluso si no se conoce la combinación de teclas. Esto permite realizar acciones complejas como la escritura de texto o la ejecución de tareas.

Edición y Manipulación de Código

Selección y Navegación

Seleccionar la línea actual: Windows / Linux: Ctrl + L (Este comando selecciona la línea completa automáticamente).
Seleccionar texto palabra por palabra: Ctrl + Mayús + Flecha Izquierda/Derecha
Reducir / Expandir la selección: Mac: Ctrl + Mayús + Cmd + Izquierda o Ctrl + Mayús + Cmd + Derecha
Navegar a una línea específica: Windows / Linux: Ctrl + G
Deshacer la posición del cursor: Regresar a la ubicación anterior del cursor después de la última edición: Windows / Linux: Ctrl + U
Ir a la definición: Navega a la definición de una función o clase: F12

Manipulación de Líneas y Bloques

Mover línea arriba/abajo: Windows: Alt + Flecha Arriba/Abajo (Mueve el bloque de código a la línea anterior o posterior).
Copiar línea arriba / abajo: Windows / Linux: Mayús + Alt + Flecha Abajo o Mayús + Alt + Flecha Arriba
Copiar la línea actual completa: Ctrl + C (Funciona sin tener texto seleccionado).
Eliminar línea: Windows: Ctrl + Mayús + K
Borrar línea en la que te encuentras posicionado: Windows: Mayús + Supr
Eliminar la palabra anterior: Windows: Ctrl + Retroceso
Unir líneas: Acción editor.action.joinLines (Requiere asignar un atajo personalizado).
Posicionamiento en línea posterior: Windows: Ctrl + Enter
Posicionamiento en línea anterior: Windows: Ctrl + Mayús + Enter

Cursores Múltiples

Añadir múltiples cursores: Windows: Ctrl + Alt + Flecha Arriba/Abajo
Añadir cursor en diferentes lugares manualmente: Alt + Clic Izquierdo

Formato, Visualización y Utilidades

Formato de Código

Formato de documento completo: Windows / Linux: Mayús + Alt + F
Formato de código seleccionado: Windows / Linux: Ctrl + K, Ctrl + F (Requiere una extensión instalada, como PHP Intelephense, para ciertos lenguajes).
Recortar el espacio en blanco final: Windows / Linux: Ctrl + K, Ctrl + X

Comentarios

Comentar y Descomentar línea (Toggle): Ctrl + Ç (Para teclados en español)
Comentar bloque: Ctrl + K y luego Ctrl + C
Descomentar bloque: Ctrl + K y luego Ctrl + U

Visualización y Paneles

Plegado de código (Fold All): Windows / Linux: Ctrl + K, Ctrl + L (También se puede usar la flecha lateral en el navegador).
Ajuste de línea (Word Wrap): Alt + Z
Dividir pantalla verticalmente: O duplicar archivo en pantalla: Ctrl + ` (Tecla de acento grave/tilde).
Cambiar entre vistas/paneles: Windows / Linux: Ctrl + 1, Ctrl + 2, Ctrl + 3
Mostrar tabulaciones y espacios: Este comando puede variar según la configuración, pero Ctrl + L se utiliza primariamente para seleccionar la línea.

Emmet

Sintaxis de Emmet: Ejemplo: div#MyID.myClass (Nota: Verificar si la funcionalidad de copiado está activa).

Preguntas frecuentes

¿Cómo ejecutar un comando en VS Code sin conocer su atajo?

Se puede usar la Paleta de Comandos pulsando F1. Desde allí se busca y ejecuta cualquier comando, aunque no se conozca su combinación de teclas.

¿Qué atajo sirve para copiar una línea completa sin seleccionarla?

Ctrl + C copia la línea actual completa aunque no haya texto seleccionado, según indica el documento.

¿Cómo se formatea solo una parte del código?

Con Ctrl + K y luego Ctrl + F se formatea el código seleccionado. El documento indica que para ciertos lenguajes puede requerirse una extensión, como PHP Intelephense.