- Visual Studio Code permite hacer zoom desde el menú en la opción Apariencia.
- Los atajos de teclado Ctrl + y Ctrl - permiten ampliar y reducir el tamaño del código.
- Activando Mouse Wheel Zoom se puede hacer zoom con la rueda del ratón.
- El nivel de zoom también es configurable en el archivo settings.json de VSCode.
Visual Studio Code es uno de los editores de código más populares entre los desarrolladores gracias a su flexibilidad y facilidad de personalización. Una de las características más útiles es la posibilidad de ajustar el tamaño del texto y de la interfaz de usuario para mejorar la visibilidad y la comodidad al programar.
A continuación, exploraremos todas las formas en las que se puede hacer zoom en Visual Studio Code, desde los atajos de teclado hasta configuraciones avanzadas dentro del editor.
Índice
La forma más sencilla de modificar el tamaño del contenido en VSCode es a través del menú del editor. Para ello, solo debes seguir estos pasos:
- Dirígete a la barra de menú en la parte superior.
- Haz clic en Ver.
- Selecciona la opción Apariencia.
- En la parte inferior del menú desplegable encuentra las opciones: Ampliar, Alejar o Restablecer zoom.
Estas tres opciones permiten aumentar, reducir o devolver el zoom a su tamaño predeterminado sin necesidad de utilizar combinaciones de teclas.
Atajos de teclado para hacer zoom
Si prefieres mayor rapidez al modificar el tamaño del código, puedes utilizar los siguientes atajos de teclado:
- Ctrl + (Windows/Linux) o Cmd + (Mac) para acercar.
- Ctrl – (Windows/Linux) o Cmd – (Mac) para alejar.
- Ctrl 0 (Windows/Linux) o Cmd 0 (Mac) para restablecer el zoom.
Estos atajos son muy útiles cuando necesitas hacer cambios de tamaño rápidos sin perder fluidez en el trabajo.
Usar la rueda del ratón para hacer zoom
Otra forma bastante práctica para modificar el tamaño del texto en Visual Studio Code es mediante la rueda del mouse. Para habilitar esta opción sigue estos pasos:
- Abre el menú File o Archivo según el idioma de tu editor.
- Ve a Preferences y luego a Settings.
- En la barra de búsqueda escribe wheel.
- Busca y habilita la opción Mouse Wheel Zoom.
Con esta configuración activada, basta con mantener presionada la tecla Ctrl mientras giras la rueda del ratón hacia arriba para acercar o hacia abajo para alejar.
Zoom personalizado mediante la configuración
Si deseas realizar ajustes más específicos en el zoom dentro de Visual Studio Code, puedes modificar la configuración manualmente editando el archivo settings.json. Para hacerlo, sigue estos pasos:
- Abre la Paleta de Comandos con Ctrl + Shift + P en Windows/Linux o Cmd + Shift + P en Mac.
- Escribe Preferences: Open Settings (JSON) y selecciónalo.
- Busca la clave window.zoomLevel y ajústala con el valor deseado. Por ejemplo:
{ "window.zoomLevel": 1 }
El valor 0 es el predeterminado. Puedes aumentar el número para hacer zoom o usar números negativos para alejar.
Ventajas de modificar el zoom en VSCode
Ajustar correctamente el tamaño del código y la interfaz en Visual Studio Code puede proporcionar una mejor experiencia de desarrollo. Algunas de las ventajas son:
- Mayor comodidad visual: Facilita la lectura del código reduciendo el cansancio ocular.
- Accesibilidad: Es útil para personas con problemas de visión.
- Mayor productividad: Ajustar el tamaño según la cantidad de información necesaria en pantalla mejora la eficiencia.
Con todas estas opciones de zoom disponibles en Visual Studio Code, puedes personalizar la visualización del editor a tu gusto, ya sea utilizando atajos de teclado, la rueda del ratón o modificando la configuración manualmente. Ajustar el tamaño del código y de la interfaz te permitirá trabajar de manera más eficiente y cómoda, asegurando una experiencia de desarrollo óptima.

Expertos en software, desarrollo y aplicación en industria y hogar. Nos encanta sacar todo el potencial de cualquier software, programa, app, herramienta y sistema operativo del mercado.