Tabla de contenido

Visual Studio Code es el editor más popular entre desarrolladores web, y no es casualidad. Tiene un ecosistema de extensiones enorme y una experiencia de edición muy pulida. Pero muchos desarrolladores solo usan el 20% de lo que VS Code puede hacer. Aquí te enseño a aprovechar el 80% restante.

¿Por qué importan los atajos en VS Code?

El tiempo que pasas navegando menús, buscando archivos o aplicando cambios repetitivos es tiempo que no pasas resolviendo problemas. Los atajos de teclado no son un truco de “programador ninja” — son simplemente una forma de mantener el flujo de trabajo sin interrupciones.

Nota: en este artículo uso Cmd para Mac. Si estás en Windows/Linux, reemplázalo por Ctrl.

La paleta de comandos

El atajo más importante de VS Code es Cmd+Shift+P (o Ctrl+Shift+P en Windows). Abre la paleta de comandos, desde donde puedes acceder a prácticamente cualquier función del editor escribiendo su nombre.

¿Quieres cambiar el tema de colores? Escribe “theme”. ¿Formatear el documento? Escribe “format”. ¿Abrir las preferencias? Escribe “settings”. Con la paleta de comandos nunca necesitas recordar dónde está algo en el menú.

Atajos de edición esenciales

Duplicar una línea hacia abajo:

Shift + Alt + ↓

Mover una línea arriba/abajo:

Alt + ↑ / Alt + ↓

Eliminar una línea completa:

Cmd + Shift + K

Comentar/descomentar líneas:

Cmd + /

Funciona tanto para una línea como para una selección de múltiples líneas.

Seleccionar toda la ocurrencia de una palabra:

Cmd + D

Cada vez que presionas Cmd+D, selecciona la siguiente ocurrencia. Luego puedes renombrar todas a la vez.

Seleccionar todas las ocurrencias:

Cmd + Shift + L

Selecciona todas las instancias de la palabra seleccionada en el archivo.

Múltiples cursores

Esta es posiblemente la funcionalidad más poderosa de VS Code: editar múltiples partes del archivo al mismo tiempo.

Agregar cursor en la línea de abajo:

Cmd + Alt + ↓

Agregar cursor haciendo clic:

Alt + clic

Imagina que tienes 10 líneas donde necesitas cambiar var por const. Seleccionas la primera, presionas Cmd+D repetidamente hasta tenerlas todas seleccionadas, y luego escribes. Todas cambian a la vez.

Abrir un archivo por nombre:

Cmd + P

Escribe parte del nombre del archivo y VS Code lo encuentra. Mucho más rápido que buscar en el explorador.

Ir a la definición de una función/variable:

F12

Lleva el cursor directamente al lugar donde está definida la función o variable.

Peek definition (ver sin navegar):

Alt + F12

Abre un mini-panel inline con la definición, sin salir del archivo actual.

Ir a un número de línea:

Ctrl + G

Escribe el número de línea y presiona Enter.

Moverse entre archivos abiertos:

Cmd + Tab

Terminal integrada

VS Code tiene una terminal integrada que puedes abrir con Ctrl + `` (la tecla del acento grave, arriba del Tab). Esto te evita cambiar constantemente entre el editor y la terminal externa.

Abrir nueva terminal:

Ctrl + `

Crear una nueva terminal:

Cmd + Shift + `

Dividir la terminal en paneles: Haz clic en el ícono de split dentro del panel de la terminal.

Emmet: HTML en segundos

Emmet es una funcionalidad que VS Code trae incorporada y que te permite escribir HTML mucho más rápido usando abreviaturas que se expanden automáticamente.

Al escribir estas abreviaturas y presionar Tab, VS Code las expande:

ul>li*5        → lista con 5 elementos
div.container  → <div class="container">
nav>ul>li*3>a  → nav con lista de 3 enlaces

Ejemplo completo: escribe form>div>label+input y presiona Tab:

<form>
  <div>
    <label for=""></label>
    <input type="text">
  </div>
</form>

Settings Sync

Si usas VS Code en múltiples computadoras (o si formateas tu equipo), Settings Sync te salva la vida. Sincroniza automáticamente tus extensiones, temas, atajos y configuraciones usando tu cuenta de GitHub o Microsoft.

Para activarlo: Cmd+Shift+P → “Settings Sync: Turn On”.

Una vez configurado, en cualquier instalación nueva de VS Code puedes hacer login y recuperar toda tu configuración en segundos.

VS Code tiene muchas más funcionalidades: refactoring asistido por IA con GitHub Copilot, debugging integrado, control de versiones con Git integrado, Live Share para colaboración en tiempo real… pero dominar estos atajos y funcionalidades básicas ya te pondrá muy por encima del promedio.