Los mejores shortcuts para desarrolladores web

Los shortcuts, o métodos abreviados de teclado, son la herramienta más productiva que un desarrollador puede agregar a su repertorio, para ayudarle a lo largo de su carrera.

Aprender a usar este sistema mejorará tu productividad y, en general, facilitará la navegación entre todas las ventanas y aplicaciones. Por lo tanto, los atajos de teclado no solo son útiles para el trabajo de un desarrollador web, sino que son un excelente hábito para muchos otros profesionales.

El mouse es una gran herramienta, pero si puedes hacer algo más rápido y más efectivo sin que tus manos dejen el teclado, para acelerar tu flujo de trabajo y optimizar el tiempo... entonces deberías hacerlo, ¿no crees?

Aquí, entonces, hay una lista de todos los shortcuts más utilizados por los desarrolladores profesionales; probablemente ya conocerás o usarás algunos de ellos, ¡pero esperamos que puedas encontrar al menos uno que sea desconocido para ti!

Shortcuts genéricos

Empezamos con los shortcuts que en general van bien para cualquier editor de texto y no solo en tu ID:

• ctrl + c - Copia un fragmento de texto seleccionado
• ctrl + v - Pega un texto anteriormente copiado 
• ctrl + x - Corta un fragmento de texto seleccionado
• ctrl + s - Guarda el documento
• ctrl + n - Crea un nuevo documento o abre una nueva ventana en el buscador 
• ctrl + w - Cierra la pestaña actual
• ctrl + q - Cierra el programa
• ctrl + f - Abre la barra de búsqueda
• ctrl + h - Encuentra y reemplaza
• alt + tab - Navega por los programas
• shift + flecha dx/sx - Selecciona el texto letra por letra
• ctrl + flecha dx/sx - Mueve el cursor al final o al principio de la palabra
• ctrl + shift + flecha dx/sx - Selecciona el texto, palabra por palabra

Shortcuts visual studio code

Ahora vamos a hablar de los shortcuts de tu editor de texto, hemos elegido los relacionados con Visual Studio code que es, por ahora, el más utilizado, pero, seguramente, también serán válidos para el resto de editores de texto e IDEs.

• ctrl + d - Tener una palabra ya seleccionada activa el multiselector sobre las palabras idénticas, esto nos permitirá escribir el código en varias líneas a la vez, ahorrando mucho tiempo con varios copiar y pegar.
• ctrl + alt + flecha arriba/abajo - Activa el multiselector en la línea inferior o superior 
• shift + alt + flecha arriba/abajo - Habiendo seleccionado una parte del código, duplica el código seleccionado en la parte superior o inferior, muy conveniente porque no elimina el texto copiado con “ctrl + c” o “ctrl + x” (P.D.si no hay texto seleccionado, este atajo duplicará la línea donde está el cursor)
• ctrl + ú - comentar o descomentar el código según el lenguaje que estemos usando. Muy conveniente para comentar un fragmento de código sin recordar de memoria cómo comentas en HTML, CSS, Javascript o cualquier lenguaje que estés usando.
• ctrl + p - Abre una ventana de búsqueda por nombre de archivo, una vez encontrado el archivo que nos interesa (que debe encontrarse en la carpeta del proyecto), pulsando enter abriremos el archivo. Este comando es muy útil especialmente en proyectos grandes donde hay muchas carpetas y subcarpetas.
• ctrl + shift + f - Búsqueda global de un término en todos los archivos del proyecto.
• ctrl + shift + h - Encuentra y reemplaza una palabra buscada con otra en todos los archivos del proyecto
• ctrl + shift + p - Nos permite buscar en el menú de ajustes del programa. 

Podemos personalizar todos nuestros shortcuts haciendo clic en “archivo -> preferencias → keyboard shortcuts” y se abrirá un menú donde puedes buscar comandos y modificar los atajos relacionados para personalizarlos.

Estos son los shortcuts más útiles que hemos encontrado para usar en Windows pero, por supuesto, hay otros: puedes obtener cómodamente una descripción más amplia en el sitio web oficial de Microsoft o, si usas el sistema operativo Apple en este enlace.