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

Anuncio

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 preferido y nunca volveré. Se trata de un Aplicación de JavaScript basada en electrones (como Atom, otro editor de texto muy elogiado), pero es muy rápido y no sufre problemas de rendimiento como la mayoría de las aplicaciones de JavaScript.

Y en caso de que te lo estés preguntando, sí: VS Code es de código abierto y está disponible en 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 sobre el Código de Visual Studio que debe aprender si desea aumentar su productividad y flujo de trabajo al siguiente nivel.

(Si aún no estás seguro si debe elegir Visual Studio Code sobre Atom, podemos ayudarte a decidir.)

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 comience a escribir lo que desea hacer (por ejemplo, "cerrar") y las opciones se actualizarán en tiempo real. Algunos comandos están categorizados (por ejemplo, "Archivo", Git "," Terminal ", etc.), por lo que puede usarlos para ubicar 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 el "proyecto de trabajo actual", lo que le permite un fácil acceso 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 múltiples 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 (aunque solo horizontalmente).

Pero la edición de lado a lado 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 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? Podría pasar varios minutos buscando el archivo correcto, o podría 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 echar un vistazo a la definición, que le 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 el "proyecto de trabajo actual" (consulte el Consejo # 2).

6. Renombrar todas las ocurrencias

Refactorizar es un aspecto necesario de escribir y mantener código limpio 10 consejos para escribir un código más limpio y mejorEscribir 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. Lee mas , 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 funciones 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 una 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 de pantalla como una interfaz basada en pestañas).

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

Como era de esperar, VS Code te 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á cuánto un buen tema puede aumentar tu productividad.

Puedes encontrar nuevos temas en el 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, puedes 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 y incluso uno que implementa la emulación Vim. ¿Qué tal echar un vistazo a nuestras extensiones de código VS favoritas 9 extensiones de código de Visual Studio que hacen que la programación sea aún más fácil¿Quieres más de Visual Studio Code? ¿Necesita herramientas mejoradas y opciones de productividad? Pruebe estas extensiones de Visual Studio Code. Lee mas ?

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 el diferencias entre editores de texto e IDEs.) Pero puedes usar tus habilidades de VS Code y comience a codificar en su navegador con Microsoft Visual Studio Online Comience a codificar en su navegador con Microsoft Visual Studio OnlineLa codificación colaborativa para Visual Studio Code está a punto de mejorar con la llegada de Microsoft Visual Studio Online. Lee mas .