VS Code ‚Äď C√≥mo cambiar la fuente

Quien soy
Bernard Perron
@bernardperron
Autor y referencias

Es f√°cil para un desarrollador subestimar la importancia de su entorno de trabajo. No, no estamos hablando del color de tu silla, tu escritorio y tus paredes. Estamos hablando de su entorno de trabajo virtual.

Hacer que su editor de c√≥digo de Visual Studio se sienta como en casa es muy importante para la eficiencia de su trabajo. La fuente cubre gran parte de la sensaci√≥n general de VS. En este art√≠culo, le ense√Īaremos c√≥mo cambiar las fuentes en diferentes partes del editor de VS Code.



Cómo cambiar la fuente en VS Code

Incluso si es un desarrollador que ha estado trabajando con VS durante mucho tiempo, es posible que a√ļn no est√© familiarizado con sus opciones de cambio de fuente.

Si no le importa la importancia de elegir su propia fuente, salte al tutorial unos párrafos más abajo. Tenga en cuenta, sin embargo, que sus razones para cambiar las fuentes (que se describen a continuación) pueden ayudarlo con su decisión.

¬ŅPor qu√© las fuentes son tan importantes en VS? Bueno, si el aspecto est√©tico no es suficiente para ti (y cr√©enos, despu√©s de horas y horas pasadas en un editor de c√≥digo, empieza a contar), en realidad tambi√©n es una cuesti√≥n de funcionalidad. Entonces, ¬Ņqu√© hace que una fuente sea "apropiada" para VS?

Principalmente, querr√° que la distinci√≥n entre caracteres similares sea perceptible. Por ejemplo, distinguir f√°cilmente entre el n√ļmero 1 y la L min√ļscula puede acelerar dr√°sticamente su codificaci√≥n y ahorrarle tiempo.

Luego está el hecho de que a algunos desarrolladores les gusta usar ligaduras. Las ligaduras son algunos símbolos juntos. Estos también se denominan "glifos" y pueden significar mucho al codificar.


Sin más preámbulos, aquí se explica cómo cambiar la familia de fuentes en VS:


  1. Abre tu editor VS.
  2. Vaya a la parte superior de la pantalla y seleccione depósito.
  3. Ahora, en el men√ļ desplegable, vaya a Preferencias > Par√°metros.
  4. Ahora ver√° el com√ļnmente utilizado secci√≥n con un men√ļ en el lado derecho de la pantalla, puede acceder a la fuente desde esta p√°gina o siguiendo el paso a continuaci√≥n.
  5. O haga clic Editor de texto > Fuente y busque la entrada predeterminada ¬ę editor.fontFamily ¬Ľ : ¬ę Consolas.
  6. Entonces, en lugar de " Consolas‚ÄĚ, ingrese el nombre de su fuente favorita.

Esto debería cambiar automáticamente la familia de fuentes.

C√≥mo cambiar el tama√Īo de fuente en VS Code

Incluso si tiene una vista perfecta, querr√° mantener sus ojos lo m√°s c√≥modos posible al escribir l√≠neas de c√≥digo. As√≠ como la diferencia entre caracteres similares es importante al elegir una familia de fuentes, el tama√Īo de la fuente es importante para que la codificaci√≥n sea m√°s f√°cil de ver y lo ayude a trabajar de manera m√°s eficiente.

No existe una f√≥rmula m√°gica para el mejor tama√Īo de fuente para la codificaci√≥n. Idealmente, desea ver los caracteres con la mayor claridad posible, pero tambi√©n desea que la l√≠nea se ajuste a la ventana VS. Por lo tanto, experimente con diferentes tama√Īos de fuente y encuentre el que mejor se adapte a sus necesidades de codificaci√≥n.


Aqu√≠ se explica c√≥mo cambiar el tama√Īo de fuente en VS Code:

  1. Navega al Ajustes de usuario men√ļ (paso n√ļmero 3 del tutorial de fuentes).
  2. B√ļscalo ¬ę editor.fontSize ¬Ľ: 15 l√≠nea, su tama√Īo de fuente puede estar configurado en algo diferente.
  3. Entonces, en lugar de " 15‚ÄĚ, ingrese su tama√Īo de fuente preferido.

Cómo cambiar la fuente del explorador en VS Code

La función Explorer en VS Code funciona igual que la función Explorer en la mayoría de las otras aplicaciones. Se utiliza para administrar, buscar y abrir archivos y carpetas para trabajar en su proyecto. Dado que VS Code se basa en carpetas y archivos, Explorer le permite comenzar fácilmente: simplemente abra el archivo o la carpeta con VS Code. Es así de simple.


Puede esperar usar VS Code Explorer bastante. Si el tama√Īo de fuente del explorador no es de su agrado, le alegrar√° saber que puede cambiarlo.

  1. Ir a Ajustes de usuario men√ļ de nuevo.
  2. Encuentra el ¬ę editor.fontSize ¬Ľ: 14 entrada, su tama√Īo de fuente puede diferir.
  3. Cambie esto a un tama√Īo de fuente de su elecci√≥n, 18 se utiliza en este ejemplo.

Cómo cambiar la fuente del terminal en VS Code

En lugar de cambiar de ventana o cambiar el estado de la terminal existente, VS Code le permite usar una terminal integrada, que se encuentra en la raíz de su proyecto/área de trabajo. Por supuesto, es posible que desee realizar cambios en la fuente aquí para facilitar su uso. Aquí se explica cómo cambiar la fuente del terminal de VS Code:


  1. Navegue a la carpeta raíz de su proyecto/área de trabajo.
  2. Abrir el settings.json archivo usando VS Code. Alternativamente, en VS Code, presione Ctrl + May + P (en lugar de Ctrl, use Comando para dispositivos Mac) y busque el settings.json bajar ó dejar algo.
  3. Reemplace las tres líneas correspondientes con esto:
    ‚Äúterminal.externo.osxExec‚ÄĚ: ‚ÄúiTerm.app‚ÄĚ,
    ‚Äúterminal.integrated.shell.osx‚ÄĚ: ‚Äú/bin/zsh‚ÄĚ,
    ‚Äúterminal.integrated.fontFamily‚ÄĚ: ‚ÄúD2Coding‚ÄĚ,
    Tenga en cuenta que Código D2 es un ejemplo También puede elegir cualquier otra fuente que prefiera.
  4. Guarde la configuración cuando termine.

Para cambiar el tama√Īo de fuente del terminal, acceda al ¬ę terminal.integrated.fontSize ¬Ľ : ingrese y config√ļrelo como desee.

Cómo cambiar la fuente de los comentarios en VS Code

Las entradas de comentarios de c√≥digo est√°n, de forma predeterminada, en la misma fuente que el resto del c√≥digo. Cambiar esto los hace destacar, lo que a menudo puede ahorrar horas de trabajo desperdiciado (es f√°cil pasar por alto un comentario cuando est√° en la misma fuente que todo lo dem√°s en VS). Tan simple como puede parecer este tipo de cosas, la soluci√≥n es un poco m√°s compleja de lo esperado. Adem√°s, es posible que los resultados no sean ideales, ya que esto puede generar problemas de alineaci√≥n. A√ļn as√≠, no est√° de m√°s probar:


  1. Navegue a la carpeta de instalación raíz de VS Code en su dispositivo.
  2. Navega al toque estilo.css entrando en la terminal. Esto crear√° una hoja de estilo.
  3. Ahora es el momento de agregar la regla de fuente. Aquí hay un ejemplo de estilo:
    .mtk3 {

    estilo de fuente: cursiva;

    }

  4. abierto settings.json y a√Īade esta entrada:
    "vscode_custom_css.importaciones":
    "archivo:///Usuarios/nombre de usuario/.vscode/style.css"],
  5. Ahora descargue el complemento Custom CSS y JS Loader.
  6. Una vez instalado, utilice el Ctrl + May + P Comando y aseg√ļrese de que el complemento est√© habilitado.
  7. Reinicie el código VS.
  8. Los comentarios ahora deberían tener una nueva fuente.

C√≥mo cambiar el tama√Īo de fuente de la barra lateral en VS Code

No hay una configuraci√≥n en VS Code que permita al usuario cambiar el tama√Īo de fuente del terminal. Sin embargo, existe una soluci√≥n e involucra el complemento Custom CSS y JS Loader mencionado.

  1. En el complemento, navegue hasta los detalles de la extensión y siga cuidadosamente la sección del tutorial.
  2. Utilice la siguiente lógica:
    "vscode_custom_css.imports": ["[insertar URL de archivo personalizado]"]
  3. Haga esto para cada archivo personalizado.

El resultado debería ser una barra lateral de VS Code mucho mejor y más atractiva.

Cómo cambiar la fuente usando diferentes sistemas operativos

Si está programando en VS, está usando una computadora con Windows, una Mac o un sistema Linux. Si bien estos tres no son iguales en términos de VS, las diferencias se reducen principalmente a la opción de la tecla Ctrl/Cmd y las ubicaciones predeterminadas de los archivos de VS Code. Entonces, el principio de cambiar las fuentes en VS Code sigue siendo prácticamente el mismo en todos los dispositivos.

Preguntas frecuentes adicionales

¬ŅPor qu√© no puedo cambiar la fuente en VS Code?

Hay muchos errores que puede cometer en VS Code, y cambiar la fuente no es tan f√°cil como hacerlo en MS Word. Dado que utilizar√° mucha codificaci√≥n para modificar la fuente VS Code real, debe tener en cuenta los descuidos m√°s comunes que cometen las personas. Aseg√ļrese de que cada entrada est√© entre comillas. Por ejemplo, ¬ę vscode_custom_css.imports ¬Ľ: [‚Äúarchivo:///Usuarios/nombre de usuario/.vscode/style.css‚ÄĚ], solo funcionar√° si usa comillas. Adem√°s, aseg√ļrese de usar espacios entre los comandos.

¬ŅQu√© fuente se usa para el c√≥digo en VS Code?

De forma predeterminada, la fuente utilizada para codificar en VS Code es Consolas. Si sigue esta guía, puede cambiar la mayoría de las fuentes en VS Code, ya sea el código en sí, la terminal, los comentarios o la función del explorador.

Sin embargo, si está hablando de la fuente que se encuentra en las imágenes en el sitio oficial de VS Code, nadie puede decirle cuál se usó. A menos que los desarrolladores de VS Code revelen explícitamente qué fuente se usó, no hay forma de saberlo.

¬ŅC√≥mo hackear una fuente VS Code?

Originalmente, piratear significaba modificar, pero si con eso quiere decir agregar la fuente Hack a VS, puede agregarla a trav√©s del sitio de Hack. Descarga la fuente TrueType de Hack. Extraiga el archivo zip descargado. Instale los archivos extra√≠dos. Luego vaya a Herramientas, seguido de Opciones. En el men√ļ Opciones, seleccione Entorno, luego vaya a Fuentes y colores. Abra el men√ļ desplegable Fuente y seleccione la entrada Hack.

¬ŅQu√© fuente usan los hackers?

Por lo general, todos los codificadores, incluidos los piratas informáticos, usan una fuente que les gusta. Ray Bluetens, también conocida como Lawn Dart Fonts, sería un buen ejemplo de una fuente popular que sería la "elección de un hacker".

Cambiar las opciones de fuente en VS Code

Tratar con las opciones de fuentes en VS Code ciertamente no es tan fácil como cambiar las fuentes en un programa de edición de texto. Sin embargo, dado que aquí estamos hablando de software de codificación, VS ofrece una amplia variedad de opciones en comparación con sus competidores. Siga las instrucciones de este artículo y haga que su experiencia de codificación sea lo más personalizada, fácil de usar y fluida posible.

¬ŅConseguiste cambiar la configuraci√≥n de fuente en VS Code? ¬ŅEncontraste alg√ļn problema? Despl√°cese hacia abajo y consulte nuestra secci√≥n de comentarios a continuaci√≥n. Est√° lleno de buenos consejos. Adem√°s, no dude en hacer una pregunta o iniciar una discusi√≥n. Nuestra comunidad est√° m√°s que feliz de ayudar.

Audio v√≠deo VS Code ‚Äď C√≥mo cambiar la fuente
A√Īade un comentario de VS Code ‚Äď C√≥mo cambiar la fuente
¡Comentario enviado con éxito! Lo revisaremos en las próximas horas.