visual tamaño studio para mejores linea letra las indentar fuente extensiones duplicar configurar codigo code cambiar ajuste visual-studio-code

tamaño - ¿Qué fuente se usa en Visual Studio Code Editor y cómo cambiar las fuentes?



las mejores extensiones para visual studio 2017 (9)

Abrir vscode.

Presione ctrl,.

La configuración es "editor.fontFamily" .

En Linux para obtener una lista de fuentes (y sus nombres que debe usar) ejecute esto en otro shell:

fc-list | awk ''{$1=""}1'' | cut -d: -f1 | sort| uniq

Puede especificar una lista de fuentes para tener valores de reserva en caso de que falte una fuente.

Probé el editor de Visual Studio Code ( https://code.visualstudio.com/ ) que se anunció recientemente en la compilación. Lo probé en Windows y Ubuntu. Puedo ver que la fuente predeterminada de Visual Studio Code Editor no son las consolas que prefiero en mis editores de código.

Entonces, ¿cuál es la fuente predeterminada de Visual Studio Code Editor en todos los entornos (Ubuntu, MAC OS y Windows)? ¿Y cómo puedo cambiarlo?


En VSCode si "editor.fontFamily": "" está en blanco, el tamaño de fuente NO funcionará. Establezca una familia de fuentes para cambiar el tamaño.

"editor.fontFamily": "Verdana", o "editor.fontFamily": "Monaco",

Realmente, use la familia de fuentes que desee.

Entonces "editor.fontSize": 16, debería funcionar.


En Windows, la configuración predeterminada es la siguiente (nunca instalé Mónaco ni Menlo)

{ "editor.fontFamily": "Consolas", "editor.fontSize": 14, "editor.lineHeight": 19 }

Configuraciones fontSize a 12 y lineHeight a 16 se aproximan a Visual Studio en Consolas con un tamaño de 10pt. No pude obtener una coincidencia exacta (la fuente VS Code es un poco más audaz) pero lo suficientemente cerca.


En la configuración predeterminada, VS Code usa las siguientes fuentes (14 pt) en orden descendente:

  • Mónaco
  • Menlo
  • Consolas
  • "Droid Sans Mono"
  • "Inconsolata"
  • "Courier New"
  • monoespacio (reserva)

Cómo verificar: VS Code se ejecuta en un navegador. En la primera versión, puede presionar F12 para abrir las Herramientas para desarrolladores. Al inspeccionar el DOM, puede encontrar uno que contenga varios correos electrónicos que componen esa línea de código. Al inspeccionar uno de esos tramos, puede ver que la familia de fuentes es solo la lista anterior.


En mi máquina con Windows 8.1, la fuente predeterminada de VS Code es Consolas, pero puede cambiar fácilmente la fuente en Archivo-> Preferencias-> Preferencias de usuario. El archivo setting.json se abrirá junto con el archivo de configuración predeterminado, desde donde puede tomar la sintaxis y los nombres de las propiedades de configuración y establecer los suyos propios en settings.json.


Las fuentes predeterminadas son diferentes en Windows, Mac y Linux. A partir de VSCode 1.15.1, la configuración de fuente predeterminada se puede encontrar en el código fuente :

const DEFAULT_WINDOWS_FONT_FAMILY = ''Consolas, /'Courier New/', monospace''; const DEFAULT_MAC_FONT_FAMILY = ''Menlo, Monaco, /'Courier New/', monospace''; const DEFAULT_LINUX_FONT_FAMILY = ''/'Droid Sans Mono/', /'Courier New/', monospace, /'Droid Sans Fallback/''';


Otra forma de determinar la fuente predeterminada es comenzar a escribir "editor.fontFamily" en la configuración y ver qué sugiere el relleno automático. En una Mac, muestra de forma predeterminada:

"editor.fontFamily": "Menlo, Monaco, ''Courier New'', monospace",

lo que confirma lo que Andy Li dice arriba.


Vaya a Preferences > User Settings . (Alternativamente, Ctrl + , / Cmd + , en macOS)

Luego puede escribir dentro del objeto JSON cualquier configuración que desee anular. La configuración del usuario es por usuario. También puede configurar los ajustes del espacio de trabajo, que son para el proyecto en el que está trabajando actualmente.

Aquí hay un ejemplo:

// Controls the font family. "editor.fontFamily": "Consolas", // Controls the font size. "editor.fontSize": 13

Enlaces útiles:


Vaya a Herramientas-> Opciones en el menú en la ventana principal. En Contenedor de entorno, puede ver Fuentes y colores. Puede seleccionar la fuente y el color que desee.