VS Code es la mejor opción para los desarrolladores hoy en día y no necesito decirles por qué.
Si es usuario de VS Code, permítame compartirle algunos consejos y ajustes que pueden mejorar su flujo de trabajo y ayudarlo a mejorar su experiencia de programación.
Esta colección es más que solo los atajos de teclado de VS Code que analizamos anteriormente. Sin embargo, algunas de estas técnicas utilizan atajos.
Los 15 mejores atajos de teclado de VS Code para aumentar la productividad
¿Quieres alta productividad? Familiarícese y memorice estos atajos de teclado de VS Code para Linux, Windows y macOS.
¿Interesado? Echemos un vistazo uno por uno.
1. Carcasa de una pieza, múltiples perfiles
Primero, para obtener el terminal integrado en VS Code, puede usar el acceso directo CTRL+`.
| Función | atajo |
|---|---|
| Habilitar terminal integrado | CTRL+` |
| Ubicación abierta en terminal externa | CTRL+MAYÚS+C |
Ahora puede seleccionar el shell deseado en el menú desplegable como se muestra a continuación.
Seleccione shell en el terminal integrado de VS Code
También puedes dividir el terminal usando diferentes perfiles. Haga clic en el menú desplegable cerca del botón más en la parte superior del terminal integrado y seleccione terminal separada. Aquí puede seleccionar el perfil deseado.
2. Editor dividido
VS Code admite vistas divididas de editores y grupos de editores.
Normalmente, puede usar el comando CTRL+\ para dividir la vista en VS Code. Esto dividirá la vista horizontalmente para dos editores uno al lado del otro.
| Función | atajo |
|---|---|
| Editor dividido en VS Code | CTRL+\ |
| Desactivar la división de actividades | CTRL+W |
| Crea una línea divisoria en la parte superior. | CTRL+K CTRL+\ |
| Cambiar entre divisiones | CTRL+1/2/3.. |
Vista dividida en el editor de VS Code
Cada división ahora puede abrir su propio archivo, lo que hace posible la agrupación de editores.
Alternativamente, puede crear otros diseños divididos, como un diseño de cuadrícula. Para hacer esto, haga clic Ver → Editor de diseño → Seleccionar diseño.
Ahora, con el diseño seleccionado, arrastre los archivos a cada cuadrícula como se muestra en el siguiente ejemplo.
💡
Puede utilizar el comando Ver: Dividir editor en grupo (Ctrl+K Ctrl+Shift+\) para dividir el editor actual sin crear un nuevo grupo de editores.
3. Cree archivos en cualquier momento y en cualquier lugar
Si especifica un archivo en su código, puede presionar CTRL y hacer clic en el archivo para abrirlo.
💡
Si el elemento es un enlace web, se abrirá en su navegador web predeterminado.
Si el archivo no existe en esa ubicación, se le pedirá que lo cree y luego lo abra en una nueva pestaña.
Crea nuevos archivos en cualquier momento y en cualquier lugar
No es necesario abrir el Explorador de archivos o la Terminal para especificar archivos nuevos.
Si está explorando un documento de código enorme, puede resultar beneficioso desplazarse rápidamente para llegar a una ubicación específica. En VS Code, cuando mantienes presionada la tecla ALT y luego te desplazas con la rueda del mouse, obtienes una velocidad 5x.
Sincronizar la velocidad de desplazamiento entre editores será de gran ayuda cuando compares dos archivos uno al lado del otro.
Primero, presione CTRL + MAYÚS + P para activar el símbolo del sistema. Presione Enter en esta configuración.
¡Eso es todo! Ahora, cuando se desplaza por un editor, los otros editores también comenzarán a desplazarse a la misma velocidad.
Esto es útil especialmente cuando se trata de archivos grandes con diferentes partes.
Por ejemplo, estoy trabajando con un archivo de rebajas que tiene muchos capítulos en el encabezado.
Si el desplazamiento fijo está habilitado, cada sección principal que esté editando actualmente se mantendrá en la parte superior del editor a medida que se desplaza. Por lo tanto, sirve como recordatorio y ayuda a la navegación.
Para habilitar esta función, use CTRL + MAYÚS + P para activar el símbolo del sistema.
En la captura de pantalla anterior, estoy editando El sexto subtítuloy péguelo cuidadosamente en la parte superior para facilitar el acceso.
7. Edición con varios cursores
Este es un elemento popular en muchos editores de código e IDE, que permite a los usuarios editar usando varios cursores al mismo tiempo.
Puede hacer esto presionando la tecla ALT y haciendo clic en varias posiciones para seleccionar varias posiciones del cursor.
Edición de múltiples cursores
Del mismo modo, puede agregar cursores adicionales a todas las apariciones actualmente seleccionadas en lugar de seleccionar manualmente cada ubicación. Ctrl+Shift+L.
En la imagen de arriba, puede ver que todos los cursores tienen múltiples messageFour nombre de la variable.
Otro truco útil aquí es utilizar Ctrl+D El acceso directo múltiple solo selecciona la siguiente coincidencia de tu selección, por lo que puedes agregar nuevas selecciones una a la vez.
| Función | atajo |
|---|---|
| ALT + clic izquierdo | Seleccionar múltiples posiciones del cursor |
| CTRL + MAYÚS + L | Todas las apariciones de cursores adicionales actualmente seleccionados |
| CTRL+D | Selecciona solo la aparición actual y siguiente del elemento seleccionado. |
8.Vista previa de rebajas
VS Code puede obtener una vista previa del archivo Markdown que está editando en una nueva pestaña o obtener una vista previa al instante.
Utilice las teclas de método abreviado CTRL + MAYÚS + V para obtener una vista previa de Markdown en una nueva pestaña. o usar CTRL+K V Obtenga una vista previa de Markdown en vista dividida.
| Función | atajo |
|---|---|
| Vista previa de archivos Markdown en pestañas | CTRL + MAYÚS + V |
| Vista previa instantánea de archivos Markdown | CTRL+KV |
9.Modo Zen
La interfaz de VS Code es muy confusa, con muchos botones y menús. ¿Te sientes así? Entonces el Modo Zen es para ti.
En el editor, presione CTRL + K, luego Z.
| Función | atajo |
|---|---|
| Habilitar el modo Zen | CTRL+KZ |
| Salir del modo Zen | Tecla ESC dos veces |
Para salir, presione la tecla ESC dos veces.
10. Mover una línea hacia arriba o hacia abajo
Puede mover una fila a una fila superior o inferior utilizando los atajos que se mencionan a continuación.
| Función | atajo |
|---|---|
| mover una fila hacia arriba | ALT + Flecha arriba |
| Bajar una línea | ALT + Flecha hacia abajo |
Mover líneas hacia arriba y hacia abajo
🚧
Puede utilizar atajos para copiar una línea hacia abajo o hacia arriba. Esta clave está deshabilitada de forma predeterminada en Ubuntu debido a un conflicto con la tecla de acceso directo predeterminada del sistema.
11. Cambiar el nombre de funciones/variables
Para cambiar el nombre de una variable, seleccione la variable y presione F2. Ahora, ingrese un nuevo nombre. Cuando presiona la tecla Intro, todas las apariciones de nombres de variables cambian.
Cambiar el nombre de variables/funciones
12. Formatee todo el documento.
Para formatear todo el documento, puede utilizar el atajo CTRL + MAYÚS + I.
| Función | atajo |
|---|---|
| Formatear todo el documento | CTRL + MAYÚS + I |
Formatear todo el documento
Para comentar o descomentar varias líneas, utilice el método abreviado de teclado CTRL + MAYÚS + A.
| Función | atajo |
|---|---|
| Comentar varias líneas | CTRL + MAYÚS + A (solo Linux) |
🚧
Este atajo sólo funciona en Linux. Para otros sistemas operativos, existen atajos específicos.
Anotar/descomentar varias líneas
14 navegador sencillo
VS Code proporciona una extensión incluida en el navegador simple, utilizada principalmente por otras extensiones para mostrar contenido web simple.
Esta es una vista previa básica del navegador que utiliza un iframe integrado en webviewW.
Puede acceder a él yendo primero al símbolo del sistema (CTRL + MAYÚS + P) y buscando navegador sencillo.
15. Haga doble clic para mantener un archivo activo
Aquí está la cosa. Puede buscar archivos desde el Explorador de proyectos a la izquierda. Haga clic en el archivo y se abrirá en el editor. Simplemente léelo, no lo modifiques. A continuación, abre otro archivo de la misma manera y verá que el archivo abierto anteriormente se ha cerrado automáticamente.
Este es el comportamiento predeterminado para que el editor no esté saturado con docenas de archivos de texto sin modificar (como etiquetas del navegador).
Si desea leer archivos y mantenerlos activos, simplemente haga doble clic en ellos mientras están abiertos. De esta forma permanecerán activos en el editor independientemente de que se modifiquen o no.
Comparte tus consejos favoritos de VS Code
No todos los consejos se aplicarán a su situación, pero tengo la sensación de que encontrará algunos útiles en esta lista. Si es así, ¿cuál de aquí es tu favorito?
¿Aún conoces algunos trucos poco conocidos de VS Code de los que estás orgulloso? ¿Por qué no compartirlo con nosotros?
