10 consejos esenciales de productividad para Visual Studio Code

Visual Studio Code es fácilmente el mejor editor de texto de programación. Ha reemplazado a Sublime Text como el editor de código de mi elección y nunca volveré. Es una aplicación de JavaScript basada en Electron (como Atom, otro editor de texto muy elogiado), pero es increíblemente rápida y no presenta problemas de rendimiento como la mayoría de las aplicaciones de JavaScript..

Y en caso de que se lo pregunte, sí: VS Code es de código abierto y está disponible en GitHub 10. Para celebrar este logro, hemos compilado una lista de las mejores herramientas gratuitas de Windows que puede descargar de GitHub. Lee mas . Hace diez años, si te hubiera dicho que Microsoft abrazaría el software de código abierto, te habrías reído. Mira que tan lejos hemos llegado!

De todos modos, vamos a ello. Aquí hay varios consejos esenciales sobre el código de Visual Studio que debe aprender si desea aumentar su productividad y flujo de trabajo al siguiente nivel.

1. Domina la paleta de comandos en el código VS

Al igual que Sublime Text (y TextMate antes), VS Code tiene algo que se llama un paleta de comandos. Esta función le permite acceder a varios comandos con solo escribirlos en lugar de verse obligado a navegar por los menús con el mouse.

Puede abrir la paleta de comandos con el Ctrl + Shift + P atajo de teclado. Simplemente comienza a escribir lo que quieres hacer (por ejemplo,. “cerrar”) y las opciones se actualizarán en tiempo real. Algunos comandos están categorizados (por ejemplo,. “Expediente”, Git”, “Terminal”, etc.), por lo que puede usar eso para localizar comandos que parece que no puede encontrar.

2. Establecer una carpeta de proyecto de trabajo

Si haces clic en Explorador en la barra lateral de navegación, verá un nuevo panel secundario abierto. Este panel secundario se divide en dos secciones: Editores abiertos (es decir, archivos y documentos abiertos actualmente) y Sin carpeta abierta. Lo último es lo que nos interesa..

Hacer clic Carpeta abierta (o puede navegar a Archivo> Abrir carpeta en la barra de menú) y seleccione cualquier carpeta en su sistema. Esto cargará esa carpeta en el Código VS como el “proyecto de trabajo actual”, lo que le permite acceder fácilmente a todos los archivos y subcarpetas, para que no tenga que seguir volteando hacia el Explorador de archivos.

3. Ver varios archivos a la vez

La mayoría de los editores de texto modernos pueden admitir varios archivos a la vez, lo que le permite cambiar entre archivos abiertos a través de algún tipo de interfaz basada en pestañas. Los editores de texto más avanzados pueden incluso admitir la edición de texto en paralelo, lo que hace el Código VS (aunque solo horizontalmente).

Pero la edición en paralelo es difícil en pantallas más pequeñas, ya sea en una computadora portátil o en un monitor antiguo, y ahí es donde brilla el Código VS.

Tiene algo llamado paneles dinámicos, donde si uno de los paneles de documentos abiertos es demasiado estrecho, se ampliará automáticamente cuando active ese documento (es decir, coloque el cursor en él). Si aún utilizas una resolución cercana a 720p, te encantará esta función.

4. Editar varias líneas a la vez

Si alguna vez necesita insertar o eliminar varias instancias de texto en un documento, todo lo que tiene que hacer es crear cursores multiples. Puedes hacer esto presionando Alt (o Opción en Mac) y haciendo clic en cualquier parte del texto. Cada clic crea un nuevo cursor..

Esto es particularmente útil para cosas como HTML, donde es posible que desee agregar muchas instancias de la misma clase o cambiar el formato de varios hipervínculos. Apréndelo y ámalo..

5. Ir a Definición

Cuando estás programando o haciendo scripts, muchas veces te encontrarás con una variable o un método que no reconoces. Entonces, ¿Qué haces? Puede pasar varios minutos buscando el archivo correcto o puede seleccionar la variable / método con el cursor y pulsar F12 Saltar inmediatamente a su definición..

O puedes usar el Alt + F12 Teclado de método abreviado para simplemente ver la definición, que muestra la definición en línea donde está el cursor en lugar de abrir el archivo de origen..

Para ir en la dirección opuesta, puede seleccionar una variable / método definido y usar la Mayús + F12 atajo de teclado para encontrar todas las referencias a él. Esto también se muestra en línea en su cursor.

Para que estas funciones funcionen, debe asegurarse de que se abra la carpeta adecuada como “proyecto de trabajo actual” (ver Consejo # 2).

6. Renombrar todas las ocurrencias

Refactorizar es un aspecto necesario para escribir y mantener el código limpio 10 Consejos para escribir Cleaner & Better Code 10 consejos para escribir Cleaner & Better Code Escribir código limpio parece más fácil de lo que realmente es, pero los beneficios valen la pena. Aquí es cómo puedes comenzar a escribir un código más limpio hoy. Lea más, pero puede ser un gran dolor de cabeza, especialmente cuando está refactorizando un módulo grande o una gran cantidad de código. Entonces, en lugar de buscar en docenas de archivos solo para cambiar el nombre de una variable o método, deje que VS Code lo haga por usted..

Si selecciona una variable / método y pulsa F2, puede editar el nombre y cambiará cada instancia del nombre de esa variable a lo largo de todo el proyecto de trabajo actual.

Si solo desea cambiar dentro del archivo actual, use el Ctrl + F2 el método abreviado de teclado y el Código VS generarán un cursor en cada instancia a lo largo del archivo actual.

7. Buscar en muchos archivos

Si está trabajando con archivos que no son de código fuente, las funciones de búsqueda de símbolos que se encuentran arriba (en el consejo nº 5) no serán utilizables. Entonces, ¿qué puedes hacer cuando necesitas encontrar una oración o palabra pero no sabes en qué archivo está? Vuelves a lo básico. encontrar función.

Ctrl + F le permite buscar dentro del archivo actual, mientras que Ctrl + Shift + F le permite buscar dentro de todos los archivos en todo el proyecto de trabajo actual, incluidas todas las subcarpetas recursivamente.

8. Usa la línea de comandos en el código VS

Código VS viene con una terminal integrado. En Windows, este terminal aparece como símbolo del sistema. En Mac y Linux, aparece como un indicador de Bash. De cualquier manera, el terminal comienza en el directorio del proyecto de trabajo actual (si hay uno cargado) o en su carpeta de inicio (si no hay ningún proyecto cargado).

También es compatible con la capacidad de tener múltiples terminales separados. Solo haga clic en el + en la parte superior derecha para generar más instancias de terminal, o haga clic en Bote de basura Para cerrar el terminal actual. El menú desplegable facilita el cambio entre ellos (y no desperdicia tanto espacio de pantalla como una interfaz basada en pestañas).

9. Instalar un tema nuevo en el código VS

Como es de esperar, VS Code le permite asignar un tema al resaltado de sintaxis del texto y el código fuente. Desafortunadamente, no permite la temática de la interfaz en sí, pero el resaltado de sintaxis es lo importante. Te sorprendería cuánto un buen tema puede aumentar tu productividad..

Puede encontrar nuevos temas en el mercado de códigos de VS (son gratuitos) o puede buscarlos directamente en el código de VS.

10. Instalar extensiones de terceros en el código VS

La última característica esencial a destacar es la extensibilidad del Código VS a través de extensiones de terceros. Al igual que con los temas, puede encontrarlos en el mercado de códigos de VS (sí, estos también son gratuitos) o puede buscarlos en el código de VS. Accede al panel de Extensiones con el Ctrl + Shift + X atajo de teclado.

Las extensiones son la clave para maximizar su productividad. Aquí encontrará todo tipo de herramientas, como linters, depuradores, fragmentos de código, mejoras de la calidad de vida del propio VS Code, herramientas de compilación e incluso una que implementa la emulación Vim. Las 7 razones principales para darle una oportunidad al editor de texto Vim Durante años, he probado un editor de texto tras otro. Lo que sea, lo intenté. Utilicé a todos y cada uno de estos editores durante más de dos meses como mi principal editor del día a día. De alguna manera, yo… Leer más .

El código de Visual Studio es el mejor editor de texto

Por mucho que me guste, seré el primero en admitir que el Código VS no es perfecto para nadie, nunca lo es, y puede que no sea lo que estás buscando. O tal vez es exactamente lo que necesitas!

Pruébalo y entra con la mente abierta. Creo que te sorprenderá lo que encuentres. Tenga en cuenta que VS Code es solo un editor de texto, no un IDE. (Obtenga más información sobre las diferencias entre los editores de texto y los IDE Editores de texto frente a los IDE: ¿Cuál es mejor para los programadores? Los Editores de texto frente a las IDE: ¿Cuál es mejor para los programadores? . Ofrecemos información para ayudarlo a tomar esa decisión. Lea más.

Explorar más sobre: ​​programación, editor de texto, código de Visual Studio.