30 atajos de código VS para facilitar su experiencia de codificación

Publicado por

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. Puedes hacer todo lo que necesites 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 usted es un desarrollador y usa VS Code debería aprender sobre los atajos de VS Code.

Útiles atajos de código de Visual Studio


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 función 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, un La barra lateral aparecerá 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 tiene por qué temer eso. Con el uso de un acceso directo de VS Code, puede recuperar fácilmente la pestaña o el editor.

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 búsqueda de coincidencias


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 ahorrar algo de tiempo:

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 usar los siguientes atajos:

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

El atajo VS Code le facilita del 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 borrar 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, utilice estos comandos:

  • Presione Ctrl + Shift + K para Windows
  • Presione Control + Mayús + K para MacOS

Utilice los accesos directos según 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. Sin embargo, también puede hacerlo usando comandos especiales.

  • Presione Ctrl + Shift + 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 yendo hasta el 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 el 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 + Arriba / Abajo teclas de flecha [19659041] 09. Agregar Cursor Arriba / Abajo

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

    • Presione Ctrl + Alt + Arriba / Abajo
    • Presione Ctrl + Shift + Flecha izquierda o derecha.

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

    10. Duplicar una línea por encima o por debajo


    Sabe que, en muchos casos, es necesario utilizar 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:

    • Pulse Mayús + Alt + Arriba / Abajo teclas de flecha

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

    11. Plegar o desplegar código


    Los desarrolladores tienen que 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. Puedes doblar fácilmente la parte menos importante del código usando los siguientes atajos:

    • Presiona Ctrl + Shift + [ para doblar.
    • Presiona 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 haga 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. Entonces, puede usar el siguiente atajo de VS Code:

    • Presione Shift + Alt + Cursor

    Puede seleccionar texto en forma de cuadro de columna con este atajo.

    14. Join Line


    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> Métodos abreviados de teclado y luego vaya a action.joinLines para seleccionar su elección en Windows.
    • Los usuarios de macOS presionan Control + J

    15. Code Formateo


    Hay muchos atajos en VS Code. Pero este atajo es uno de los más satisfactorios de todos. La sangría es importante 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 Shift + Alt + F en Windows:
    • Presione Shift + 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 principio 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 ícono {} para abrir el documento.
    • Agregue el archivo « trimTrailingWhitespace»: verdadero a los documentos de configuración y guardar la configuración con cualquier combinación de teclas, 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 Command + 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 ir al archivo de símbolos de la siguiente manera:

    • Presione Ctrl + Shift + O en Windows y Ubuntu
    • Presione Command + Shift + O en MacOS

    También puede hacer el mismo proceso agregando @:

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


    El acceso directo de VS Code es similar al anterior. En este caso, vaya al símbolo en el área de trabajo. Los accesos directos son los siguientes:

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

    20. Cambiar nombre de 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 el nombre del 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. Entonces, puede cerrarlo o abrirlo rápidamente usando los siguientes comandos:

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

    Este código VS El atajo 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

     command palette-VS code

    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 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. Tiene que hacer lo siguiente:

    • Ingrese archivo> Preferencias> Atajos de teclado
    • Busque action.quickOpen
    • Haga clic y vincule una tecla 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 manera.

    25. Reemplazar todas las apariciones coincidentes de texto 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 acerca de 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 selección

    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.

    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 haga lo siguiente:

    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. Por lo general, 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:

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

    • Use las flechas alt + izquierda / derecha

     navegar hirtory

    Ahorra tiempo y da más espacio a la pantalla

    28. Focus Debugger


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

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

    Puede utilizar el depurador de forma bastante conveniente de esta forma. 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 selección de comentarios


    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 utilizando el siguiente atajo:

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

    • Presiona Ctrl + K + C para comentar
    • Presiona Ctrl + K + U para descomentar [19659150] 30. Ir a Definición y referencia

      La función 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 de definición-VS

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

      Reflexiones 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 atajos de VS Code para ayudarlo a codificar con facilidad.

      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.