Cómo ampliar y reducir el tamaño del código y de los elementos en Visual Studio Code

Una de las virtudes que posiciona a Visual Studio Code entre los editores de código más utilizados por los desarrolladores de todo el mundo es su capacidad de personalización. Dentro de estas funcionalidades, una de las que seguramente utilizamos con frecuencia es la de agrandar o achicar los elementos de la interfaz de usuario y el código.

Para realizar esta tarea contamos con diversas opciones que detallaré a continuación.

La primera alternativa es realizar el cambio desde el menú. Para esto nos dirigimos a Ver, luego ingresamos en Apariencia y en la parte inferior del desplegable encontraremos las opciones: Ampliar, Alejar o Restablecer zoom.

Vale decir que si tenemos configurado Visual Studio Code en inglés, estas opciones las encontraremos dentro del menú View. Desde allí se pude ingresar en Appearance y en el desplegable tendremos la posibilidad de elegir entre las opciones Zoom in, Zoom out y Reset Zoom.

Si preferimos un acceso rápido a estar características, nada mejor que aprovechar los atajos de teclado. En Windows podremos ampliar con la combinación CTRL +, reducimos los elementos con CTRL – y volvemos al valor de zoom predeterminado utilizando CTRL 0 (el cero del teclado numérico).

Si deseamos establecer como predeterminado otro tamaño de fuente para el código, podremos hacerlo ingresando al menú Archivo, luego vamos a Preferencias y elegimos Configuración. Dentro de las categorías, ingresamos a Editor de texto y en Fuente encontraremos la opción Font Size (establecida en píxeles).

Si Visual Studio Code tiene la interfaz en inglés, se accede a la opción de configuración de fuente desde el menú File, luego se ingresa a Preferences y en Settings encontraremos Text Editor. Desde Font, podremos indicar las características que deseemos modificar.

Enlaces relacionados

Para obtener Visual Studio Code: https://code.visualstudio.com/

Atajos de teclado: Visual Studio Code: Atajos de teclado (shortcuts)

Elegir el lenguaje del código: Cómo elegir el lenguaje de programación en Visual Studio Code

Organización: Cómo organizar las vistas de archivos en Visual Studio Code

Extensiones: 5 extensiones y plugins para Visual Studio Code

Terminal: Cómo usar la terminal integrada de Visual Studio Code

Más sobre Diseño y desarrollo Web


Acerca de

Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para móviles. Soy especialista en Desarrollo Web. Realizo proyectos basados en Inteligencia Artificial. Colaboré como autor y editor de contenidos para revistas, colecciones y diversos medios impresos y digitales. Brindo capacitaciones, clases de formación y consultorías sobre lenguajes de programación y herramientas para Desarrollo Web y móvil en modalidad online y presencial.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*



Encontrame en las redes sociales. Contactame.