Featured image of post Atajos de VS Code para potenciar tu productividadFeatured image of post Atajos de VS Code para potenciar tu productividad

Atajos de VS Code para potenciar tu productividad

Aumenta tu productividad en VS Code con atajos de teclado esenciales. Acelera tu flujo de trabajo diario de edición.

VS Code es altamente personalizable, pero simplemente aprender sus atajos de teclado integrados puede acelerar drásticamente tu codificación diaria. Este artículo cubre los atajos más esenciales y cómo personalizarlos a tu gusto.

Conceptos básicos imprescindibles

Dominar estos atajos reducirá drásticamente la cantidad de veces que alcanzas el ratón:

AcciónWindows / LinuxmacOS
Paleta de comandosCtrl+Shift+PCmd+Shift+P
Búsqueda rápida de archivosCtrl+PCmd+P
Alternar barra lateralCtrl+BCmd+B
Dividir editorCtrl+\Cmd+\
Alternar terminalCtrl+`Cmd+`

Comienza con la Paleta de comandos

Ctrl+Shift+P (o Cmd+Shift+P en macOS) abre la Paleta de comandos, la puerta de entrada a todas las funciones de VS Code. Puedes guardar archivos, ejecutar formateadores, instalar extensiones y más sin tocar el ratón. Aprende esta primero.

Edición con múltiples cursores

La edición con múltiples cursores es una de las funciones de productividad más potentes de VS Code.

  • Seleccionar siguiente ocurrencia: Selecciona una palabra y presiona Ctrl+D (Cmd+D) repetidamente para seleccionar más ocurrencias y editarlas simultáneamente.
  • Seleccionar todas las ocurrencias: Presiona Ctrl+Shift+L (Cmd+Shift+L) para seleccionar cada instancia de la palabra actual en el archivo.
  • Añadir cursor en cualquier lugar: Alt+Clic para colocar cursores adicionales donde los necesites.

¿Necesitas renombrar userName a displayName en todo un archivo? Presiona Ctrl+Shift+L, escribe el nuevo nombre y listo.

A medida que los proyectos crecen, buscar archivos se convierte en una gran pérdida de tiempo. Estos atajos hacen que la navegación sea casi instantánea:

  • Búsqueda de archivos: Ctrl+P para coincidencia difusa de nombres de archivo. Reduce los resultados escribiendo segmentos de ruta.
  • Ir al símbolo: Ctrl+Shift+O (Cmd+Shift+O) salta directamente a una función o definición de clase.
  • Ir a la línea: Ctrl+G seguido de un número de línea.
  • Retroceder / avanzar: Alt+Izquierda y Alt+Derecha para navegar por el historial de posición del cursor.

Editor dividido y terminal

Divisiones del editor

Presiona Ctrl+\ para dividir el editor lado a lado. Útil para editar HTML junto con CSS, o consultar respuestas de API mientras escribes código. Cambia el enfoque entre divisiones con Ctrl+1 / Ctrl+2.

Terminal integrada

Abre la terminal con Ctrl+` y divídela con Ctrl+Shift+5. Ejecuta una compilación en un panel y comandos de Git en otro.

Personalización de atajos

Si los valores predeterminados no te parecen adecuados, cámbialos:

  1. Presiona Ctrl+K Ctrl+S para abrir el editor de Atajos de teclado.
  2. Busca el comando que quieres reasignar.
  3. Haz doble clic en la entrada, presiona la combinación de teclas que prefieras y presiona Enter.

Asigna teclas memorables y de fácil acceso a tus acciones más frecuentes. Por ejemplo, muchos desarrolladores reasignan el atajo de alternar terminal de Ctrl+` a Ctrl+J.

Resumen

Los atajos de teclado pueden parecer abrumadores al principio, pero comienza con las acciones que realizas docenas de veces al día. La Paleta de comandos y la edición con múltiples cursores por sí solas marcarán una diferencia medible en tu flujo de trabajo. Amplía gradualmente tu repertorio de atajos y pronto tendrás un entorno de codificación que se sienta natural.