10 consejos esenciales de productividad para el código de Visual Studio

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

Y en caso de que se lo esté preguntando, sí: VS Code es de código abierto y está disponible en GitHub 10 Herramientas gratuitas de Windows de código abierto alojadas en GitHub 10 Herramientas gratuitas de Windows de código abierto alojadas en GitHub Microsoft es la organización con más contribuyentes de código abierto en GitHub. Para celebrar este logro, hemos compilado una lista de las mejores herramientas gratuitas de Windows que puede descargar de GitHub. . Hace diez años, si te hubiera dicho que Microsoft adoptaría el software de código abierto, te hubieras reído. Mira lo lejos que hemos llegado!

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

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

Al igual que Sublime Text (y TextMate antes), VS Code tiene algo llamado paleta de comandos. Esta característica 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 (p. Ej.. “cerca”) y las opciones se actualizarán en tiempo real. Algunos comandos están categorizados (p. Ej.. “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 subpanel abierto. Este subpanel se divide en dos secciones: Editores abiertos (es decir, archivos y documentos actualmente abiertos) y Sin carpeta abierta. Esto último es lo que nos interesa.

Hacer clic Carpeta abierta (o puedes navegar a Archivo> Abrir carpeta en la barra de menú) y seleccione cualquier carpeta en su sistema. Esto cargará esa carpeta en VS Code como “proyecto de trabajo actual”, lo que le permite acceder fácilmente a todos los archivos y subcarpetas, por lo que no tiene que seguir yendo y viniendo al Explorador de archivos.

3. Ver múltiples 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 de lado a lado, lo que VS Code admite (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 VS Code.

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 todavía usa una resolución cercana a 720p, le 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 múltiples. 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. Aprende y ama.

5. Ir a la definición

Cuando estás programando o haciendo scripts, muchas veces te encontrarás con una variable o 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 presionar F12 saltar inmediatamente a su definición.

O puedes usar el Alt + F12 método abreviado de teclado para simplemente echar un vistazo a la definición, que muestra la definición justo en la línea donde está el cursor en lugar de abrir el archivo fuente.

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

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

6. Renombrar todas las ocurrencias

Refactorizar es un aspecto necesario para escribir y mantener un código limpio. 10 consejos para escribir más limpio y mejor código 10 consejos para escribir más limpio y mejor código Escribir código limpio parece más fácil de lo que realmente es, pero los beneficios valen la pena. Así es como puede comenzar a escribir código más limpio hoy. , pero puede ser un gran dolor de cabeza, especialmente cuando refactoriza un módulo grande o una porción de código enorme. Entonces, en lugar de buscar 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 presiona F2, puede editar el nombre y cambiará cada instancia del nombre de esa variable en todo el proyecto de trabajo actual.

Si solo desea cambiar dentro del archivo actual, use el Ctrl + F2 el atajo 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 código fuente, las características de búsqueda de símbolos anteriores (en el consejo # 5) no serán utilizables. Entonces, ¿qué puede hacer cuando necesita encontrar una oración o palabra pero no sabe en qué archivo está? Vuelves a lo básico encontrar función.

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

8. Use la línea de comando en el código VS

VS Code viene con un terminal integrado. En Windows, este terminal aparece como símbolo del sistema. En Mac y Linux, aparece como un aviso de Bash. De cualquier manera, el terminal comienza en el directorio del proyecto de trabajo actual (si está cargado) o en su carpeta de inicio (si no se carga ningún proyecto).

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

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

Como era de esperar, VS Code le permite resaltar la sintaxis del texto y el código fuente. Desafortunadamente, no permite el tema 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 VS Code Marketplace (son gratuitos) o puede buscarlos directamente en VS Code.

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

La última característica esencial a destacar es la extensibilidad de VS Code a través de extensiones de terceros. Al igual que con los temas, puede encontrarlos en VS Code Marketplace (sí, estos también son gratuitos) o puede buscarlos en VS Code. Acceda al panel 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, mejoras en la calidad de vida de VS Code, herramientas de compilación e incluso una que implemente la emulación Vim. ¿Qué hay de echar un vistazo a nuestras extensiones de código VS favoritas? ¿Necesita herramientas mejoradas y opciones de productividad? Pruebe estas extensiones de código de Visual Studio. ?

Visual Studio Code es el mejor editor de texto

Por mucho que me encante, seré el primero en admitir que VS Code no es perfecto para nadie, nada 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 una 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). Pero puede usar sus habilidades de VS Code y comenzar a codificar en su navegador con Microsoft Visual Studio Online Comience a codificar en su navegador con Microsoft Visual Studio Online Comience a codificar en su navegador con Microsoft Visual Studio Online La codificación colaborativa para Visual Studio Code está a punto de mejorar con la llegada de Microsoft Visual Studio Online. .