¿Cómo cambiar el tamaño de fuente del entorno?


234

¿Hay alguna manera de cambiar el tamaño de fuente del entorno en Visual Studio Code? Cosas como el cuadro IntelliSense, el panel de depuración, los nombres de archivo, etc.

Sé cómo cambiar el tamaño de fuente del editor, pero no puedo entender cómo cambiar el tamaño de fuente del entorno. Así que me pregunto si puedes cambiarlo de alguna manera.


Puede encontrar lo que desea en settings.json desde el menú de preferencias. Microsoft proporciona el formato de configuración de personalización en su sitio .
Chi-Shan Yu

1
Todas estas respuestas también cambian el tamaño de fuente del editor. ¿Cómo puedo cambiar el tamaño de fuente del entorno sin el editor?
mark-hahn el

1
Sorprendente cuánto se levantan las no respuestas votadas. Aquí no se encuentra una respuesta a la pregunta de OP. Sin embargo, muchos repiten la misma respuesta a la misma pregunta exacta pero diferente de la OP.
Pedro Rodrigues el

Respuestas:


305

Actualmente no es posible cambiar la familia de fuentes o el tamaño fuera del editor. Sin embargo, puede acercar y alejar toda la interfaz de usuario desde el Viewmenú.

Actualización para nuestra versión VS Code 1.0:

¡Una nueva configuración window.zoomLevelpermite persistir el nivel de zoom para siempre! Puede tener valores negativos y positivos para acercar o alejar.


3
¿Hay algún plan para tenerlo en un próximo lanzamiento? podemos votar por eso? la lista de archivos se ve muy pequeña en alta resolución, así como el panel de depuración
Sul Aga

¿Intentó la acción de acercamiento desde el menú de vista?
Benjamin Pasero

mucho mejor ahora. ¿Puede agregar esta "solución" a su respuesta para que pueda marcarla como respuesta? Gracias
Sul Aga

Si se aleja y se pregunta por qué desaparece el cursor, verifique si está configurado en "línea delgada". Establecerlo en "línea" corregirá el problema, al menos para un zoom de hasta el 60%.
Michael Johnston

El zoom de la ventana tiene una desventaja, puede activar "fuentes difusas" en la terminal, por ejemplo: github.com/microsoft/vscode/issues/84194
sandos

166

Simplemente copie "editor.fontSize": 18en su setting.jsondel editor.

Presionando Control+ Shift+ Py luego escribiendo "configuración" le permitirá encontrar fácilmente el usuario o el archivo de configuración del espacio de trabajo.

ingrese la descripción de la imagen aquí


16
Esto funciona bien, pero no es lo mismo que OP quiere, para cambiar el tamaño de cosas enteras no solo en el editor de texto
Thaina

@StepanSuvorov ve mi nueva respuesta a continuación, sé que llega tarde, ¡salud!
randomguy04

@ randomguy04 todavía no ve un atajo para cambiar el tamaño en su respuesta
Stepan Suvorov

91

En Visual Studio Code, al presionar Ctrl+y Ctrl-puede cambiar el tamaño de fuente general del IDE. Esto ayuda más rápido que cambiar la configuración en cada sesión. Espero eso ayude...


44
nota, esto modifica la configuración del usuario "window.zoomLevel": 1,
Damian Green

2
En la versión más reciente, acercar es Ctrl + =
Ryan Walker

22

A partir de mediados de 2017 Para acceder rápidamente a los archivos de configuración, presione ctrl+ shift+ pe ingrese settings, allí encontrará la configuración del usuario y la configuración del espacio de trabajo, tenga en cuenta que la configuración del espacio de trabajo anulará la configuración del usuario , por lo que es mejor usar este último directamente para haga un cambio global (la configuración del espacio de trabajo creará una carpeta en la raíz del proyecto), desde allí tendrá la opción de agregar la opción "editor.fontSize": 14a su configuración como una sugerencia rápida, pero puede hacerlo usted mismo y cambiar el valor a su preferencia tamaño de fuente.

Para resumirlo:

  1. ctrl+ shift+p

  2. seleccione "configuración de usuario"

  3. añadir "editor.fontSize": 14


99
esto NO responde la pregunta de OP. OP solicita específicamente cambiar el tamaño de fuente del entorno, no la fuente del editor.
Chris

Gracias por Feedback @Chris, sin embargo, creo que responde la pregunta y tiene la información necesaria. si desea que lo tenga por entorno, cambie la configuración del espacio de trabajo en lugar de la configuración del usuario y, su configuración específica se mantendrá en la .vscodecarpeta
randomguy04

44
El PO pide el environment, como en todo en la interfaz gráfica de usuario que no está en el editor de texto, Stuff like IntelliSense box, debug panel, file names, etc. Podría estar equivocado, pero no creo que OP se refiera al entorno del que estás hablando
Chris

20

Intenta jugar con una combinación de las siguientes configuraciones de usuario:

{
  "editor.fontSize": 18,
  "window.zoomLevel": 1.5,
}

esto debe agregarse a la respuesta aceptada. Muy conciso y puntual
Chris

44
"window.zoomLevel": 1.5es una muy buena opción para el viejo tipo como yo
E2A

Todas las malas respuestas aquí con un montón de votos a favor, este es finalmente el enfoque correcto.
Marcar

14

Puede acercar y alejar la interfaz de usuario completa desde el menú Ver.

En este momento estoy usando la versión 1.21.1 y allí, en el menú Ver , puede obtener la opción Acercar y Alejar, que son las últimas opciones. Puedes hacerlo usando Ctrl+ +y Ctrl+ -.

Puede restablecer el zoom en cualquier momento seleccionando la opción Restablecer zoom .


1
Aquí toda la interfaz de usuario significa el editor VSCode.
shankar upadhyay

Sí, eso escala toda la ventana, lo cual es perfecto si tienes una pantalla de alta resolución
Kirill

14

Después de presionar Control+ Shift+ Pcomo lo sugiere @Edwin:

  1. Busque la configuración del espacio de trabajo:

ingrese la descripción de la imagen aquí

  1. Luego, "Coloque su configuración en el archivo a la derecha para sobrescribir ... configuración predeterminada y de usuario", o haga clic en la pestaña Configuración de usuario para ajustar window.zoomLevel si esa es la acción deseada.

ingrese la descripción de la imagen aquí


10

Según el registro de cambios de la versión 1.2, se agregaron nuevos comandos para acercar y alejar solo la fuente, pero toda la interfaz de usuario.

Registro de cambios: https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

Use las siguientes combinaciones de teclas para reemplazar las acciones de zoom global predeterminadas:

en macOS:

{ "key": "cmd+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+cmd+=",         "command": "editor.action.fontZoomIn" },
{ "key": "cmd+=",               "command": "editor.action.fontZoomIn" },
{ "key": "cmd+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+cmd+-",         "command": "editor.action.fontZoomOut" },
{ "key": "cmd+-",               "command": "editor.action.fontZoomOut" },
{ "key": "cmd+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "cmd+0",               "command": "editor.action.fontZoomReset" },

en Windows y Linux:

{ "key": "ctrl+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+ctrl+=",         "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+=",               "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+ctrl+-",         "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+-",               "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "ctrl+0",               "command": "editor.action.fontZoomReset" },

8
  1. Código VS abierto
  2. Comando de tipo CTRL + SHFT + P
  3. Configuraciones de tipo
  4. Se abrirá el archivo de configuración.
  5. Ahora en Usuario> Editor de texto> Fuente, busque Tamaño de fuente
  6. Ingrese el tamaño de fuente deseado

Eso es.


7

ingrese la descripción de la imagen aquí

Tengo el mío puesto a "editor.fontSize": 12,

Guarde el archivo, verá el efecto correctamente.

ingrese la descripción de la imagen aquí

¡A disfrutar!


44
eso no es lo que se pidió
JohnC

7

Un enfoque simple para cambiar el tamaño de fuente en Visual Studio Work Environment:

Vaya a : Archivo -> Preferencias -> Configuración O Presione CTRL+, es decir CTRL + COMMA.

Esto abrirá settings.json .

Puedes ver 3 pestañas allí:

  1. Ajustes de usuario
  2. Configuración del espacio de trabajo
  3. Configuraciones de carpeta

Vaya a Configuración de usuario y agregue esto:

{
"editor.fontSize": 16
}

Ahora solo guarde y cierre el archivo.

En el código anterior, 16 representa el tamaño de fuente. Aumento de disminución según su deseo.


6

(Código VS 1.33.1 en Windows 7)

Zoom todo (UI y editor): CTRL + + , CTRL + - .

Editor de zoom: CTRL + Rueda del mouse.

Vea a continuación cómo lo arreglé.

Según lo sugerido por @Edwin: Presionando Control + Shift + P y luego escribiendo "configuración" le permitirá encontrar fácilmente el archivo de configuración del usuario o del espacio de trabajo.

Mi archivo de configuración se encuentra aquí: "C: \ Users \ You_user \ AppData \ Roaming \ Code \ User \ settings.json"

Mi archivo se ve así:

{
    "editor.fontSize": 12,
    "editor.suggestFontSize": 6,
    "markdown.preview.fontSize": 0,
    "terminal.integrated.fontSize": 10,
    "window.zoomLevel": 0,
    "workbench.sideBar.location": "left",
    "editor.mouseWheelZoom": true
}

6

Me llevó años resolver lo que había hecho accidentalmente cuando mi ventana de código se volvió enorme:

Alejar = Ctrl+ Shift+ ,(coma)

Acercar = Ctrl+ Shift+ .(punto / punto completo)

En realidad no es una respuesta a la pregunta publicada, ¡pero creo que alguien como yo terminará aquí debido a los síntomas!


5

Hay muchas opciones para cambiar el tamaño de fuente en el código de Visual Studio (versión: 1.36.1), Editor

Opción 1:

Vaya a: Archivo > Preferencias > Configuración > seleccione la pestaña Usuario > Editor de texto > Fuente > Tamaño de fuente

Tamaño de fuente: cambie el tamaño de fuente en píxeles según sus necesidades


Opcion 2:

Presione Ctrl+P

Busque: settings.json , abra el archivo y agregue esta línea en el archivo settings.json :

{
    "editor.fontSize": 20
}

Nota: guarde el archivo después de los cambios


Opcion 3:

Presione Ctrl+ Shift+P

Buscar: Editor Fuente Acercar

  • Simplemente haga clic en él, su tamaño de fuente aumentará

Buscar: Fuente del editor Alejar

  • Simplemente haga clic en él, su tamaño de fuente disminuirá

4

A partir de ahora (marzo de 2018) y la versión 1.21.0, puede ir a Configuración, buscar 'zoom' y cambiar "editor.mouseWheelZoom": falseel valor falso de forma predeterminada a true. Esto permitirá acercar / alejar el código VS usando el botón de control y el mouse - ctrl + scrollUp/scrollDown. Para cambiar el fontSizeespacio de trabajo / pantalla general de VS Code, consulte la respuesta de Alegozalves arriba.


4

En Visual Studio Code, el tamaño de fuente se puede cambiar fácilmente desde la pestaña Configuración.

La forma más sencilla de hacer esto es presionar Ctrl+ Shift+P y luego escribir 'Configuración'. Esto te mostrará algunos resultados. Elija 'Configuración (IU)'. La pestaña Configuración se abrirá en el editor. Ahora puede cambiar la configuración de fuente desde aquí. Esto solo afectará la fuente del editor.

O también puede hacer clic en el icono de configuración en la parte inferior izquierda de la ventana y buscar la fuente desde allí.

ingrese la descripción de la imagen aquí

Para cambiar el tamaño de fuente de todo el entorno, puede considerar presionar ctrl+ +. Esto funcionará como hacer zoom en todo el entorno, lo que dará como resultado un mayor tamaño de fuente.

Seleccionar configuración (IU)


3

Presione Ctrly utilice la rueda del ratón para hacer un zoom o hacia fuera .


Puede acercar y alejar la interfaz de usuario completa desde el menú Ver. Pero la pregunta es cómo cambiar el tamaño de fuente

3

Prensa Ctrl, Shift, Pal mismo tiempo, aparecerá un menú, buscar Editor Zoom in. Después de seleccionar eso, la fuente se agrandará en cierto grado.

Repita esto hasta que alcance el tamaño de fuente deseado.


1

puede usar editor.fontSizeen su setting.jsonarchivo del editor.

por ejemplo :

{
"editor.fontSize": 14
}
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.