Actualización de Visual Studio: cierre automático de corchetes y comillas

Introducción a los corchetes de cierre automático y las comillas

Tim comienza el vídeo señalando una tarea de edición habitual en cualquier editor de código: encerrar texto o código entre comillas, paréntesis o llaves. Ya se trate de dar formato al código fuente, aislar la lógica en una función o preparar los datos para la salida, es esencial rodear el texto correctamente.

En Visual Studio 2022 v17.9, esta tarea es ahora más fácil. Con un simple cambio en la configuración, puede encerrar automáticamente entre corchetes o comillas las líneas seleccionadas, las variables o el texto similar a HTML con solo escribir el símbolo de apertura. Ya no es necesario pulsar una segunda tecla, utilizar el ratón o buscar en la paleta de comandos: ahora el editor de texto lo hace por ti.

Demo: Un ejemplo matemático sencillo

Para mostrar la función en su contexto, Tim utiliza un pequeño ejemplo de operaciones matemáticas dentro de un bloque de código. La lógica incluye una expresión sencilla: 5 * 4 + 3. Tim ejecuta el archivo para mostrar el resultado-23. Como explica, esto se debe al orden de las operaciones.

A continuación, Tim señala otra parte del código fuente en la que se imprime un mensaje, pero en lugar de imprimir el valor de la variable, sólo imprime el nombre de la variable. Tiene previsto actualizar esta parte para mostrar mejor el nuevo comportamiento de los corchetes y las comillas.

Cómo activar el autoenvoltorio en Visual Studio

Aquí es donde el tutorial se vuelve práctico. Tim explica que la función de cierre automático de corchetes está desactivada por defecto, por lo que hay que activarla manualmente.

He aquí cómo hacerlo:

1. En Visual Studio, haz clic en Herramientas en el menú superior.

2. Seleccione opciones.

3. En la sección Editor de texto, vaya a General.

4. En Visualización, busque y marque la opción etiquetada\ "Rodea automáticamente las selecciones al escribir comillas o corchetes"

5. Pulse OK para enviar su solicitud.

Esta configuración cambia el comportamiento de Visual Studio al escribir símbolos como (, {, ", ' y otros. Tim subraya que Microsoft ha dejado esta función desactivada por defecto para no perturbar los flujos de trabajo de edición existentes. Pero una vez habilitadas, se convierten en una potente forma de acelerar la codificación.

Cambiar el contexto del código con Auto-Wrapping

Con la función activada, Tim demuestra cómo reestructurar el código de forma más eficiente. Selecciona 4 + 3 de la expresión y escribe el paréntesis abierto (. El editor rodea inmediatamente la selección con (4 + 3), sin necesidad de escribir el corchete de cierre.

Esto cambia el resultado de la ecuación de 23 a 35, porque ahora el contexto de la expresión cambia debido a los paréntesis. Tim aprovecha para explicar cómo la posición del cursor, la introducción de datos mediante el teclado y las funciones de edición inteligente pueden mejorar de forma dinámica la experiencia de codificación.

Señala que esto funciona no solo con paréntesis, sino con una variedad de corchetes, lo que lo hace ideal para gestionar bloques de código complejos, lógica en funciones o incluso etiquetas en documentos HTML.

Envolver variables, texto y comentarios con facilidad

A continuación, Tim amplía la demostración con diversos ejemplos de envoltorio:

• Selecciona la palabra resultado y escribe {. Se convierte en {result}-perfecto para la interpolación de cadenas o marcadores de posición de datos.

• Al resaltar la palabra "math" y pulsar ' se encierra entre comillas simples: 'math'.

• Al resaltar una línea entera y pulsar ", toda la frase queda entre comillas dobles: "La respuesta al problema matemático es...".

Tim incluso muestra el texto entre corchetes [], corchetes angulares <> y llaves {}. Estas herramientas son útiles tanto si trabajas con C#, HTML, JSON o incluso escribiendo comentarios o regiones personalizadas en el código.

Si alguna vez has deseado una forma más rápida de insertar símbolos emparejados, especialmente a lo largo de varias líneas, esta función acerca tu editor un paso más a un asistente de escritura intuitivo.

Resultados rápidos: Formato controlado por teclado

Tim concluye volviendo a ejecutar el código. Con todos los cambios realizados, el resultado ahora dice:

"La respuesta al problema 'matemático' es 35"

Gracias a la capacidad de Visual Studio para rodear automáticamente el texto seleccionado, los pequeños ajustes de código de Tim resultaron más rápidos, sencillos y fiables. Señala que esta mejora convierte a Visual Studio en un editor de texto aún mejor, algo más cercano a la flexibilidad de VS Code, con compatibilidad con atajos de teclado y automatización similar a la de los comandos.

Aunque la demostración de Tim se realiza en Visual Studio, los usuarios de Visual Studio Code (VS Code) pueden conseguir resultados similares utilizando funciones como editor.autoSurround en la configuración o asignando atajos de teclado personalizados a través de la paleta de comandos.

Cierre de corchetes y más: Notas multiplataforma

Aunque el tutorial de Tim se centra en Windows, estos conceptos son de aplicación general. Si utilizas Visual Studio Code en Mac o Linux, puedes hacerlo:

• Pulse Ctrl+K Ctrl+S para abrir la ventana de atajos de teclado.

• Utilice Cmd en macOS en lugar de Ctrl.

• Establezca vínculos de teclas para contraer o desplegar regiones de código.

• Acceda a ajustes como editor.autoSurround para envolver automáticamente sus selecciones con comillas o corchetes.

• Utiliza Shift+Alt+A para comentar bloques de código o Ctrl+/ para comentarios de línea, dependiendo de tu sistema operativo.

Estos comandos permiten alternar y doblar partes del código o ajustar paréntesis y comillas automáticamente, agilizando el flujo de trabajo de edición con independencia de la plataforma.

Conclusión

El vídeo de Tim Corey ofrece un tutorial centrado en cómo mejorar la velocidad de codificación en Visual Studio activando un único ajuste: rodear automáticamente las selecciones al escribir comillas o corchetes. Tanto si trabajas en VS Code como en Visual Studio, aprender a cerrar rápidamente todos los corchetes, envolver líneas o estructurar la lógica sin desviar la atención del teclado es una habilidad que merece la pena dominar.

Para los desarrolladores que deseen escribir código fuente limpio y estructurado con rapidez, sin tener que recurrir al ratón, esta es una potente función que deben activar. Y si eres alguien que utiliza VS Code, considera explorar sus capacidades similares de autoenvoltura y plegado a través de la paleta de comandos y los atajos de teclado.

Echa un vistazo al canal de Tim Corey en YouTube para ver más tutoriales prácticos y actualizaciones sobre Visual Studio, desarrollo .NET y consejos de productividad para desarrolladores.