15 atajos de teclado útiles de Visual Studio Code para aumentar la productividad

No hay duda de que VS Code de Microsoft es uno de los mejores editores de código fuente abierto que existen. A diferencia del legendario Vim, VS Code no necesita que seas un ninja del teclado y tiene toneladas de funciones que los desarrolladores confían.

Pero esto no significa que no pueda o no deba usar métodos abreviados de teclado en Visual Studio Code.

¿Odia interrumpir su flujo de codificación y mueve su mano hacia un mouse para realizar una acción como alternar terminal en su editor de Visual Studio Code (VS Code)? En caso afirmativo, debe familiarizarse de inmediato y memorizar estos útiles atajos de teclado para VS Code.

No solo lo ayudará a deshacerse de un mouse, sino que también lo hará altamente productivo y eficiente.

Entonces, conozcamos cómo puede codificar rápidamente navegando rápidamente a través del editor de código usando atajos de teclado.

Atajos de teclado útiles de VS Code

Solo un descargo de responsabilidad. Estos atajos de teclado son los que encuentro más útiles cuando trabajo en VS Code. Puede explorar más de ellos según sus necesidades.

También mencioné atajos de teclado para usuarios de macOS.

1. Mostrar todos los comandos

Windows/Linux Mac OS
CTRL + MAYÚS + P o F1 MAYÚS + ⌘ + P o F1

Comenzando con el atajo más útil, abre la Paleta de comandos que proporciona acceso a todas las funciones de VS Code.

Paleta de comandos

Es un atajo de VS Code muy importante porque incluso si olvida o no quiere recordar ningún atajo excepto este, aún puede realizar varias operaciones usando Command Palette como crear un nuevo archivo, abrir configuraciones, cambiar el tema y ver todo atajos de teclado también.

2. Dividir el editor de código VS vertical u horizontalmente

Windows/Linux Mac OS
CTRL + ⌘ +

Si no tiene una configuración de monitores múltiples para una alta productividad, aún puede ver los códigos de varios archivos a la vez dividiendo el editor en forma horizontal o vertical.

Código VS dividido

Para cambiar el enfoque al grupo del editor, puede usar las teclas numéricas o de flecha.

Windows/Linux Mac OS
CTRL + 1/2/3 ⌘ + 1/2/3
CTRL + K CTRL + ←/→ ⌘ + K ⌘ + ←/→

3. Alternar terminal integrado

Windows/Linux Mac OS
CTRL+` ⌘ + `

El terminal integrado en VS Code es una característica muy conveniente que le permite ejecutar la tarea rápidamente sin cambiar de ventana. Para ocultar/mostrar el terminal en el editor, este atajo de teclado es muy útil.

Terminal integrado

Sin embargo, como a mí, si le resulta difícil presionar “CTRL+`” debido a su extraña ubicación en la esquina, aún puede abrir la Paleta de comandos y ejecutarView: Toggle Terminalmando.

Alternar terminal usando la paleta de comandos

4. Ir al archivo

Windows/Linux Mac OS
CTRL+P ⌘ +P

A medida que crece el proyecto, buscar un archivo puede convertirse en una tarea muy difícil. Por lo tanto, le sugiero que incluso use un mouse, este comando puede ahorrarle mucho tiempo buscando y navegando a un archivo en un repositorio.

Ir al archivo

5. Ir a la línea

Windows/Linux Mac OS
CTRL+G ^ + GRAMO

Una vez que busque un archivo, es posible que desee saltar a una línea específica para agregar o editar código. Si un archivo contiene miles de líneas de código, el desplazamiento definitivamente puede consumir su tiempo. Por lo tanto, CTRL+G o ^+G VS Code Keyboard Shortcut puede llevarlo rápidamente a la línea que desee.

ir a la línea

Alternativamente, también puede usar el cuarto atajo para ‘Ir a archivo’, donde se agrega:dos puntos con el número de línea en el cuadro de entrada funciona como ‘Ir a la línea’.

6. Buscar proyecto completo

Windows/Linux Mac OS
CTRL + MAYÚS + F ⌘ + MAYÚS + F

Lo más probable es que también desee buscar un texto, una variable o una función en todo su proyecto. En tal caso, este comando es muy conveniente y muestra la entrada de búsqueda en la barra lateral.

Buscar proyecto

También puede agregar filtros a su búsqueda usando ALT+C para hacer coincidir mayúsculas y minúsculas, ALT+W para hacer coincidir la palabra completa y ALT+R para usar expresiones regulares.

7. Modo zen

Windows/Linux Mac OS
CTRL + KZ ⌘ + KZ

¿Quieres trabajar en un entorno libre de distracciones para mantenerte más concentrado? El modo Zen es una función en VS Code que oculta toda la interfaz de usuario (barra de estado, barra de actividad, panel y barra lateral) y muestra solo el editor en pantalla completa.

modo zen

Para habilitar el Modo Zen, puede usar el acceso directo anterior o abrir la Paleta de comandos y ejecutar “Ver: Alternar modo Zen”. Para salir del modo Zen, debe presionarEscbotón dos veces.

8. Agregar selección a la siguiente coincidencia de búsqueda

Windows/Linux Mac OS
CTRL + D ⌘+D

Este comando le permite seleccionar las próximas apariciones de un texto seleccionado para su edición. Es muy útil si el próximo partido se encuentra lejos del primer partido.

Siguiente buscar coincidencia

9. Alternar comentario de línea

Windows/Linux Mac OS
CTRL + / ⌘ + /

La lucha por llegar al comienzo de una línea y luego agregar una barra inclinada doble a la línea de comentarios se puede reemplazar con este atajo de teclado rápido.

Comentar código

Incluso si desea comentar varias líneas, puede seleccionar todas las líneas usandoSHIFT+UP/Downy luego presioneCTRL+/.

10. Saltar al principio o al final del archivo

Windows/Linux Mac OS
CTRL + INICIO/FIN ⌘ + ↑/↓

Si se pierde en medio de sus códigos, el comando puede ayudarlo a llegar rápidamente al inicio o al final del archivo.

11. Plegado o desplegado de códigos

Windows/Linux Mac OS
CTRL + MAYÚS + [ or ] ⌥ + ⌘ + [ o ]

Es uno de los accesos directos más útiles que pueden ayudarlo a contraer/descontraer una región de código. De esta manera, puede ocultar el código innecesario y ver solo la sección de código requerida a la vez para enfocarse más y codificar más rápido.

Contraer una región de código

12. Implementación de vista previa

Windows/Linux Mac OS
CTRL + MAYÚS + F12 ⌘ + MAYÚS + F12

Es muy probable que el atajo lo ayude en su análisis de código o corrección de errores donde desea comprender el funcionamiento de funciones y variables.

Implementación de vista previa

13. Eliminar línea actual

Windows/Linux Mac OS
CTRL + MAYÚS + K MAYÚS + ⌘ + K

Un solo comando rápido puede resumir dos tareas de seleccionar una línea actual y presionar el botón eliminar/retroceder.

14. Buscar y reemplazar

Windows/Linux Mac OS
CTRL+F
CTRL+H
⌘ +F
⌥ + ⌘ + F

¿Cuál podría ser la mejor manera de reemplazar todas las apariciones de un texto en un archivo por uno nuevo? Si busca uno por uno manualmente desplazándose hacia abajo en el código, no es de extrañar cuánto tiempo tomará si la aparición de texto es grande.

Encontrar y reemplazar

Mientras usa Buscar y reemplazar, haga la misma tarea en segundos. Puede abrirlo usando dos accesos directos donde uno realmente abre el cuadro de entrada para buscar texto y el otro para reemplazar texto.

15. Atajos de teclado de VS Code

Windows/Linux Mac OS
CTRL+K CTRL+S ⌘ + K ⌘ + S

Por fin, si todavía tiene problemas para recordar todos los métodos abreviados de teclado anteriores, no tiene que preocuparse. Esto se debe a que puede ver todos los comandos disponibles para su editor utilizando el acceso directo anterior.

Atajos de teclado

Aquí también puede editar la combinación de teclas para el comando según su comodidad.

¿Quieres más atajos de teclado para VS Code?

Si desea tener un conocimiento completo de los atajos de teclado de VS Code, puede consultar eldocumentaciónde código de Visual Studio.

O, si desea todos los accesos directos disponibles en una sola hoja de papel, obtenga la hoja de trucos paralinux,Mac OSyventanas. Puedes echar un vistazo rápido cada vez que lo olvides.


Actualizaciones del boletín

Ingrese su dirección de correo electrónico a continuación para suscribirse a nuestro boletín