Saltar al contenido

¿Cómo cambiar el tamaño de fuente en la barra lateral de VS Code?

Ya no tienes que indagar más por todo internet ya que llegaste al espacio perfecto, contamos con la solución que necesitas sin liarte.

Solución:

Solo quiero agregar a la discusión, si configura:

"window.zoomLevel": "your number",

En mi caso, comencé con cero, puedes usarlo como una especie de línea de base:

"editor.fontSize": 14,
"editor.tabSize": 2,
"terminal.integrated.fontSize": 14,
"window.zoomLevel": 0,
"[Log]": 
  "editor.fontSize": 14
,

Y luego retoqué hasta que estuve feliz. ¡Espero que esto ayude!

La respuesta de Mihai Chelaru presenta una forma de hacer más que simplemente ajustar el tamaño de fuente de la barra lateral. Esto, sin embargo, viene con un precio de un poco de jugueteo, posiblemente más de lo que estaría preparado, si lo único que le interesara fuera el simple acto de cambiar el tamaño de fuente de la barra lateral. Así que aquí hay una solución más simple.

Simplemente acerque o aleje toda la interfaz de usuario de VS Code con CONTROL++ o CONTROL+- respectivamente y luego ajustar los tamaños de fuente sobre los que tenemos control en settings.json archivo, es decir:

  • editor.fontSize,
  • editor.suggestFontSize,
  • markdown.preview.fontSize,
  • terminal.integrated.fontSize

así todo coincide. Eso es todo.

Esta ha sido una solicitud de función durante algún tiempo. La respuesta corta es que en este momento no hay una configuración de VSCode que le permita personalizar el tamaño de fuente de la barra lateral. Hay una solución alternativa propuesta por @lindesvard en el mismo hilo del problema que implica el uso de la extensión Custom CSS y JS Loader para cargar un archivo CSS personalizado que modifica el estilo de la barra lateral si está dispuesto a experimentar con él.

Para que esto funcione, siga la sección Primeros pasos en los detalles de la extensión, luego agregue URL a sus archivos personalizados en el "vscode_custom_css.imports": [""] array. (Tenga en cuenta que en Windows mine se parece a lo siguiente: "vscode_custom_css.imports": ["file:///C:\dev\vscode-styling.css"])

A continuación se muestran antes y después de agregar el CSS mencionado por @PSVapour en un comentario posterior:

Original

Modificado

Tenga en cuenta que esto también afecta a la fuente de la paleta de comandos.

Recuerda comunicar esta división si te fue de ayuda.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

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