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 características por las que los desarrolladores confían.
Pero esto no significa que no pueda, o que no deba usar atajos de teclado en Visual Studio Code.
¿Odia romper el flujo de codificación y mover la mano hacia un mouse para realizar una acción como alternar el 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 he mencionado los 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 Command Palette que brinda 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 la paleta de comandos, como crear un nuevo archivo, abrir configuraciones, cambiar el tema y ver todo también atajos de teclado.
2. Dividir el editor de código VS vertical u horizontalmente
| Windows / Linux | Mac OS |
|---|---|
| CTRL + | ⌘ + |
Si no tiene una configuración de varios monitores para una alta productividad, aún puede ver códigos de varios archivos a la vez dividiendo el editor horizontal o verticalmente.
Split VS Code
Para cambiar el enfoque al grupo 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 la terminal en el editor, este atajo de teclado es muy útil.
Terminal integrado
Sin embargo, como yo, si encuentra que presionar “CTRL +` “es difícil de usar debido a su extraña ubicación en la esquina, aún puede abrir Command Palette y ejecutar View: Toggle Terminal mando.
Alternar terminal usando la paleta de comandos
4. Ir a archivo
| Windows / Linux | Mac OS |
|---|---|
| CTRL + P | ⌘ + P |
A medida que el proyecto crece, buscar un archivo puede convertirse en una tarea muy difícil. Por lo tanto, sugeriría que incluso si usa un mouse, este comando puede ahorrarle mucho tiempo en la búsqueda y navegación a un archivo en un repositorio.
Ir al archivo
5. Ir a la línea
| Windows / Linux | Mac OS |
|---|---|
| CTRL + G | ^ + G |
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 linea
Alternativamente, también puede usar el cuarto atajo para ‘Ir a archivo’, donde anexa : dos puntos con el número de línea en el cuadro de entrada funcionan como “Ir a 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 que muestra la entrada de búsqueda en la barra lateral.
Proyecto de búsqueda
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 |
¿Quiere trabajar en un entorno sin distracciones para mantenerse más concentrado? El modo Zen es una función en un código VS que oculta toda la interfaz de usuario (barra de estado, barra de actividad, panel y barra lateral) y muestra solo el editor en una 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 presionar Esc botó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 siguientes apariciones de un texto seleccionado para editar. Resulta muy útil si el próximo partido se encuentra lejos del primer partido.
Siguiente encontrar coincidencia
9. Alternar comentario de línea
| Windows / Linux | Mac OS |
|---|---|
| CTRL + / | ⌘ + / |
La dificultad para llegar al comienzo de una línea y luego agregar una doble barra diagonal a la línea de comentarios se puede reemplazar con este atajo de teclado rápido.
Comentar el código
Incluso si desea comentar varias líneas, puede seleccionar todas las líneas usando SHIFT+UP/Down y luego presione CTRL+/.
10. Ir 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. Código plegado o desplegado
| Windows / Linux | Mac OS |
|---|---|
| CTRL + MAYÚS + [ or ] | ⌥ + ⌘ + [ or ] |
Es uno de los atajos más útiles que puede ayudarlo a colapsar / deshacer una región de código. De esta manera, puede ocultar código innecesario y ver solo la sección requerida de código a la vez para enfocarse más y codificar rápidamente.
Contraer una región de código
12. Implementación de Peek
| Windows / Linux | Mac OS |
|---|---|
| CTRL + MAYÚS + F12 | ⌘ + MAYÚS + F12 |
Es muy probable que el acceso directo le ayude en el análisis de su código o en la corrección de errores cuando desee comprender el funcionamiento de las funciones y variables.
Implementación de Peek
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: 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 llevará 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 atajos 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 último, si todavía tiene dificultades para recordar todos los atajos de teclado anteriores, aún 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 el documentación de Visual Studio Code.
O, si desea todos los accesos directos disponibles en una sola hoja de papel, obtenga la hoja de referencia para Linux, Mac OS, y Ventanas. Puedes echar un vistazo rápido cuando lo olvides.
