30 accesos directos de VS Code para facilitar su experiencia de codificación

Visual Studio Code o simplemente VS Code es un editor de código. Hay muchos editores de código disponibles en el mercado, pero VS Code es simplemente el mejor. Ocho de cada diez desarrolladores dirán el nombre de VS Code como su favorito. Microsoft es el fundador del software. Puede hacer cualquier cosa que necesite hacer como desarrollador en él. Depuración, finalización automática de código, resaltado de sintaxis, lo que sea. VS Code hace que su experiencia de codificación sea fructífera. Sin embargo, puede codificar más rápido y sin problemas si conoce los accesos directos de Visual Studio Code. Ningún desarrollador quiere entregar el producto tarde. Si es un desarrollador y , debe aprender sobre los accesos directos de VS Code.

Atajos de código de Visual Studio útiles

Los atajos son vitales en la programación, ya que facilitan y aceleran las cosas para los desarrolladores. Es como jugar con el teclado. Para utilizar accesos directos en VS Code, primero deberá instalar algunas extensiones y complementos. Para acelerar su codificación con VS Code, hoy analizaremos los 30 accesos directos de VS Code que debe conocer para facilitar su experiencia de codificación.

01. Buscar texto en todos los archivos a la vez

La forma de rastrear cualquier texto similar en todos sus archivos en el directorio del proyecto en la característica más destacada de VS Code. Los atajos son diferentes para Windows y macOS. Son los siguientes:

  • Presione Ctrl + Shift + F en Windows
  • Presione Control + shift + F en macOS.

Cuando presione los botones requeridos, aparecerá una barra lateral a la izquierda de la pantalla. Puede escribir cualquier texto allí para buscarlo en todos sus archivos en el directorio del proyecto. Esta función le ayudará si desea cambiar un código en cada archivo de su proyecto. No es necesario que ingrese cada archivo y ajuste el texto manualmente. Este atajo solucionará automáticamente el problema y ahorrará mucho tiempo.

02 Reabrir un editor cerrado

Los desarrolladores suelen trabajar con proyectos masivos. Proyectos como ese tienen cientos de archivos. Y tienes que trabajar con varios archivos a la vez. Es perfectamente normal cerrar una pestaña por accidente cuando se trabaja con tal cantidad de archivos. Sin embargo, no tienes que temer eso. Con el uso de un acceso directo de VS Code, puede recuperar fácilmente la pestaña o el editor.

  • Presione Ctrl + Mayús + T

Este acceso directo vuelve a abrir el editor cerrado, por lo que no tiene que buscarlo cada vez que lo cierra por error.

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

Este es un atajo útil. Suponga que está escribiendo en VS Code y necesita escribir el mismo código en varios lugares. Generalmente, escribirá cada código individualmente o lo copiará y pegará, lo que llevará mucho tiempo. Pero puede usar el siguiente comando para ahorrarle tiempo.

  • Presione CTRL + D

Y seleccione los lugares donde desea escribir el mismo código varias veces. Si escribe el código en cualquier lugar, se escribirá automáticamente en el resto de los sitios.

04. Eliminar palabra anterior

Puede haber situaciones en las que escribe mal una palabra mientras escribe una oración larga, pero no desea presionar la tecla de retroceso para eliminar la palabra deseada de forma continua. En ese caso, puede utilizar los siguientes atajos:

  • Presione Ctrl + retroceso para Windows
  • Presione Control + eliminar para MacOS

El atajo de VS Code le evita el dolor de presionar el botón de retroceso continuamente.

05. Eliminar línea

Este es realmente necesario cuando desea eliminar la línea anterior que acaba de escribir. Hay dos formas de ejecutarlo.

Si solo desea eliminar la línea, use este comando:

  • Presione Ctrl + X para Windows
  • Presione Control + X para MacOS

En caso de que desee eliminar la línea y conservarla en el portapapeles, use estos comandos:

  • Presione Ctrl + Shift + K para Windows
  • Presione Control + Shift + K para MacOS

Utilice los atajos de acuerdo con las condiciones que los necesite.

06. Seleccionar palabras

Muchos desarrolladores están obsesionados con usar solo el teclado. Se sienten aburridos e irritados por usar el ratón. Puede seleccionar una palabra u oración con el mouse. No obstante, también puede hacerlo mediante comandos especiales.

  • Presione Ctrl + Mayús + teclas de flecha

El atajo puede parecer simple, pero en realidad es bastante útil en casos especiales.

07. Ir al principio o al final de un archivo

Este es un atajo de VS Code bastante útil. Los desarrolladores crean software trabajando durante meses. Finalmente, un archivo tiene miles de líneas de código. Cuando desee ir al principio de un archivo de código o viceversa, presione el botón de avance de página o de avance de página durante bastante tiempo. Pero esto es realmente innecesario. Puede ir sin problemas a la parte superior o inferior de un archivo de código VS utilizando los siguientes comandos:

  • Ctrl + Inicio para ir al principio
  • Ctrl + Fin para ir al final.

Estos son realmente importantes para acelerar su código.

08. Mover una línea

Cometer errores es un caso bastante típico en la codificación. Suponga que ha escrito un código incorrecto en el lugar incorrecto. Ahora, no desea cortar y pegar el código. En ese caso, puede seleccionar la palabra o un par de palabras, presionar ALT y presionar las flechas arriba / abajo.

  • Presione Alt + teclas de flecha arriba / abajo

09. Agregar cursor hacia arriba / abajo

Pueden surgir situaciones en las que necesite editar varias líneas con el mismo código. No es necesario editar cada línea individualmente en ese momento. Simplemente use los siguientes comandos:

  • Presione Ctrl + Alt + Arriba / Abajo
  • Presione Ctrl + Mayús + Flecha hacia la izquierda o hacia la derecha.

Utilice los accesos directos de Visual Studio Code combinados para obtener un mejor resultado.

10. Duplica una línea arriba o abajo

Sabes, en muchos casos, necesitas usar la misma línea continuamente varias veces. La declaración else-if es una de esas. No escriba la misma oración cada vez ni las copie y pegue. En su lugar, utilice los siguientes códigos:

  • Presione Mayús + Alt + teclas de flecha arriba / abajo

Duplique tantas líneas como desee, tanto hacia arriba como hacia abajo, sin ningún esfuerzo adicional.

11. Doblar o desplegar código

Los desarrolladores deben presentar el código a los clientes antes de ponerlos en desarrollo. Por lo tanto, el código debe ser comprensible y estar bien documentado. Plegar una parte sustancial de un código es un buen enfoque en ese caso. Puede plegar fácilmente la parte menos importante del código utilizando los siguientes atajos:

  • Presione Ctrl + Mayús + [ para plegar.
  • Presione Ctrl + Shift +] para desplegar

Estos procedimientos harán que el código sea corto y presentable.

12. Navegar a una línea específica

Si desea ir a la línea deseada en un archivo con miles de líneas, no use las teclas de flecha arriba / abajo. Matará mucho tiempo. Simplemente haz lo siguiente:

  • Presione Ctrl + G e ingrese el número de página deseado.

Este acceso directo de VS Code es fundamental para los desarrolladores que manejan proyectos masivos.

13. Selección de cuadro de columna

A veces, es posible que deba seleccionar muchos textos a la vez. La selección de texto mediante el proceso típico es bastante irritante. Es difícil seleccionar muchas palabras usando solo el cursor con precisión. Por lo tanto, puede usar el siguiente acceso directo de VS Code:

  • Presione Mayús + Alt + Cursor

Puede seleccionar texto en forma de cuadro de columna con este acceso directo.

14. Unirse a la línea

Este es un atajo importante de Visual Studio Code. Esta línea se usa para convertir varias líneas de código en una sola línea. Utilice el siguiente comando a este respecto:

  • Abra Archivo> Preferencias> Atajos de teclado y luego vaya a action.joinLines para seleccionar su elección en Windows.
  • Los usuarios de macOS presionan Control + J

15. Formato de código 

Hay muchos atajos en VS Code. Pero este atajo es uno de los más satisfactorios de todos. La sangría es significativa en la documentación c. Al mismo tiempo, debes mantener un formato definido. Si usa este atajo, no tiene que preocuparse por las sangrías durante la codificación. Utiliza los siguientes atajos y las sangrías, junto con otros formatos, se corregirán automáticamente.

  • Presione Mayús + Alt + F en Windows:
  • Presione Mayús + Opción + F en MacOS
  • En Ubuntu Ctrl + Shift + I en Ubuntu

Observe la imagen que se muestra a continuación para obtener el acceso directo con mayor claridad.

formateo

16. Recortar el espacio en blanco final

Es posible que haya espacios en blanco innecesarios al final o al comienzo de una línea de código. Desperdicia una memoria valiosa. Puede hacer las siguientes cosas para deshacerse de este problema

  • En VS Code, vaya a Preferencias> Configuración> pestaña Configuración de usuario
  • Haga clic en el icono {} para abrir el documento.
  • Agregue el archivo “ trimTrailingWhitespace”: true a los documentos de valores y guardar la configuración con cualquier tecla de unión, tales como Ctrl + K .

recorte final - código de estudio virtual

También puede procesar el acceso directo utilizando una paleta de comandos.

17. Editor dividido

Los desarrolladores a veces requieren varios editores a la vez. Sin embargo, VS Code tiene un atajo específico para esta tarea

  • Presione Shift + Alt + \ o 2,3,4 en Windows y Ubuntu
  • Presione Comando + \ o 2,3,4 en macOS

editor dividido

Es conveniente en la edición en paralelo. Por lo tanto, puede dividir tantos editores como desee.

18. Ir al archivo de símbolos

Este es un atajo simple, pero hará que su codificación sea más rápida. Puede acceder al archivo de símbolos de la siguiente manera:

  • Presione Ctrl + Shift + O en Windows y Ubuntu
  • Presione Comando + Mayús + O en MacOS

También puede hacer el mismo proceso agregando @:

19. Ir a Símbolo en el espacio de trabajo

El atajo de VS Code es similar al anterior. En este caso, vaya al símbolo en el espacio de trabajo. Los atajos son los siguientes:

  • Presione Ctrl + T en Windows y Ubuntu
  • Presione Comando + T en MacOS

20. Cambiar el nombre del símbolo

Cambiar el nombre de un símbolo es relativamente fácil en VS Code. Solo tiene que seleccionar el símbolo que desea cambiar de nombre. Después de eso, siga los pasos a continuación:

  • Presione F2 en Windows y Ubuntu
  • Presione F2 en macOS

Para una mejor comprensión, mire la imagen a continuación.

Cambiar nombre de símbolo

21. Abrir y cerrar la barra lateral

La barra lateral es esencial para cualquier desarrollador. Puede ver sus archivos requeridos y otros materiales allí. Sin embargo, la barra lateral ocupa mucho espacio en la pantalla. Por lo tanto, puede cerrarlo o abrirlo rápidamente usando los siguientes comandos:

  • Presione Ctrl + B en Windows y Ubuntu
  • Presione Ctrl + B en MacOS

Este acceso directo de VS Code ayuda mucho al usar editores divididos, ya que ahorra mucho espacio.

22. Paleta de comandos

Desde la paleta de comandos, puede dar cualquier comando de acuerdo con sus requisitos. Haga lo siguiente para abrir la paleta de comandos:

  • Presione Ctrl + P en Windows y Ubuntu
  • Presione Ctrl + P en MacOS

paleta de comandos-código VS

Suponga que desea abrir un archivo. Al principio, presione Ctrl + P y escriba el nombre del archivo en la paleta de comandos. Luego, el archivo se abrirá en segundos. También puede acceder a todos los comandos y atajos de la paleta. En caso de que olvide algún atajo, simplemente vaya a la paleta.

23. Abrir archivo haciendo coincidir el texto

Puede abrir archivos haciendo coincidir textos si enlaza una tecla con un atajo. Elimina la necesidad de navegar manualmente por las carpetas para volver a abrir un archivo que ya no está abierto. Además, ahorra mucho tiempo de forma regular. Tienes que hacer lo siguiente:

  • Ingrese archivo> Preferencias> Atajos de teclado
  • Busque action.quickOpen
  • Haga clic en él y vincule una clave según su conveniencia.

Por lo tanto, puede abrir un archivo sin ir a la carpeta.

24. Terminal integrado abierto

En VS Code, el terminal integrado es bastante útil. Los desarrolladores lo usan a menudo debido a sus utilidades. Entonces, hay un atajo de VS Code para abrir la terminal sobre la marcha. Es como sigue:

  • Presione Ctrl +, ` e., El botón de tilde atrás

Puede abrirlo mediante la paleta de comandos. Sin embargo, esta es la mejor forma.

25. Reemplazar todas las apariciones de texto coincidentes en el archivo actual

Un código puede aparecer varias veces en un archivo. En caso de que desee reemplazar ese código, puede usar un atajo fácil de VS Code. Muchos de ustedes no saben sobre esto y reemplazan manualmente el código. Además, requiere una cantidad considerable de tiempo y esfuerzo. En su lugar, puede utilizar los atajos dados:

  • Presione Ctrl + F2 en Windows
  • Presione Control + F2 en MacOS

toda la seleccion

Por lo tanto, seleccione la palabra o grupo de palabras deseado, presione Ctrl + F2 y las palabras duplicadas aparecerán automáticamente. Después de eso, reemplace a cualquiera y estará listo para comenzar.

26. Cambiar pestañas

Es bastante estándar que los desarrolladores usen varias pestañas a la vez. Pero no es necesario utilizar el puntero del mouse para cambiar entre ellos. Simplemente haz lo siguiente:

  • Presione Ctrl + 1/2/3

Entonces, presione 1/2/3 de acuerdo con el número de pestaña. Específicamente, si desea ir a la pestaña 2, simplemente presione Ctrl + 2.

27. Navegar por el historial

Rara vez trabajamos en todos los archivos al mismo tiempo en un proyecto. Normalmente trabajamos con dos o tres en el mejor de los casos. En caso de que no tenga suficiente espacio para dividir muchos editores, puede usar el historial de archivos. No solo guarda los archivos anteriores que usamos, sino que también ofrece una forma rápida de recuperarlos. El acceso directo de VS Code para abrir el historial se muestra a continuación:

  • Presione Ctrl + tabulador

También puede cambiar entre los archivos del historial de una manera más rápida.

  • Usa las flechas alt + izquierda / derecha

navegar hirtory

Ahorra tiempo y da más espacio a la pantalla.

28. Depurador de enfoque

El depurador es muy importante para los desarrolladores. Puede controlar fácilmente el depurador mediante los siguientes atajos:

  • Presione F5 para comenzar
  • Pin Shift + F5 para detener
  • Presione F9 para el punto de interrupción

Puede usar el depurador de manera bastante conveniente de esta manera. Sin embargo, será mejor cambiar los atajos de depuración ya que los botones de función son difíciles de alcanzar.

29. Mostrar sugerencias y comentarios de selección

IntelliSense es una característica sorprendente de VS Code. También se denomina finalización de código, ya que completa el código escrito a medias y también muestra sugerencias. Puede activar IntelliSense en el editor mediante el siguiente acceso directo:

  • Presione Ctrl + espacio

Puede convertir fácilmente una oración en un comentario. Solo tienes que seleccionar el grupo de palabras y hacer lo siguiente:

  • Presione Ctrl + K + C para comentar
  • Presione Ctrl + K + U para descomentar

30. Ir a Definición y referencia

La función de ir a Definición abre una nueva pestaña. Al mismo tiempo, dirige al origen del símbolo deseado. Para hacer eso, coloque el cursor sobre el símbolo apuntado. Luego presione F12 para ir directamente a la fuente. Además, si está en el mouse, haga clic en el símbolo presionando Ctrl.

código definiton-VS

Además de eso, el acceso directo de VS Code para ir a la referencia también. Seleccione el símbolo cuya referencia desea conocer y simplemente haga lo siguiente:

  • Presione Mayús + F12

Pensamientos finales

Puede producir software y desarrollar productos si conoce un lenguaje de programación . Sin embargo, codificar con eficiencia es otra cosa. Para acelerar su codificación, escribir códigos eficientes y ahorrar mucho tiempo, debe usar un editor como VS Code y conocer el uso de varias herramientas, extensiones y especialmente atajos. El uso de atajos específicos le ahorrará un tiempo valioso y le proporcionará un código bien documentado. Es por eso que enumeramos los mejores 30 accesos directos de VS Code para ayudarlo a codificar fácilmente.

Intentamos mostrar la mayor cantidad de atajos que pudimos en este artículo. Hay muchos atajos distintos a este, que debería aprender de Internet. Además, si piensas en algún punto que debería haber sido incluido, háznoslo saber en la sección de comentarios. Y recuerde siempre que el trabajo duro es la raíz del éxito. Entonces, deje de perder el tiempo y mejore sus conocimientos.

Leave a Comment

Your email address will not be published.