Instalara Fira Code en Visual Studio Code

¿Por qué instalar Fira Code?

Cuando nos encontramos inmersos en la tarea de programar, empleamos una variedad de operadores que resultan de la combinación de uno o más caracteres. En este escenario, es precisamente aquí donde la tipografía juega un papel fundamental, ya que es capaz de realzar de manera significativa la apariencia de estos operadores. Esta tipografía se destaca particularmente al ofrecer una representación más elegante de los operadores. Tal como se puede apreciar en la imagen adjunta, en el lado izquierdo se exhiben estos operadores con ligaduras, mientras que en el lado derecho se presentan sin dichas ligaduras.

Instalara Fira Code en Visual Studio Code

https://github.com/tonsky/FiraCode

Instalando en VSCode

Esta tarea es sumamente fácil de realizar, si decidiste no ver el video y continuar leyendo el post, aquí es donde comienza la magia.

Lo primero que necesitamos hacer es ir al siguiente link ( https://github.com/tonsky/FiraCode/wiki/Installing ) y buscar tu sistema operativo, en mi caso es windows

Instalara Fira Code en Visual Studio Code

O también lo puedes descargar desde el siguiente link.

Una vez descargado el archivo zip, lo vamos a descomprimir y veremos algo como esto 

Instalara Fira Code en Visual Studio Code

Abriremos la carpeta de ttf, seleccionaremos todos los archivos y daremos clic derecho e instalar. Y se comenzará a instalar las fuentes en nuestro sistema

Instalara Fira Code en Visual Studio Code

Ya con las fuentes instaladas iremos a VSCode y desde el menú de administrar abriremos las configuraciones 

Instalara Fira Code en Visual Studio Code

Una vez que nos abra la pestaña de configuración nos aparecerá la opción de Edito: Font Family. Si no aparece ocupa el buscador encontrar esta opción. Ahí, antes que las tipografías que ya hay, añadiremos Fira Code

Si no funciona añadiendo solo Fira Code, Intenta añadirlo entre comillas 'Fira Code'
Instalara Fira Code en Visual Studio Code

Ya solo nos aria falta habilitar las ligaduras, para esto en el buscador colocaremos Ligatures o Ligaduras, y nos aparecerá la opción de para editarlo en el settings.json

Instalara Fira Code en Visual Studio Code

Y en la propiedad de fontLigatures le asignaremos el valor de true

Instalara Fira Code en Visual Studio Code

Y listo nuestro editor ya tendrá instalada esta tipografía y podremos hacer uso de las ligaduras en nuestros proyectos

Instalara Fira Code en Visual Studio Code
Comentarios (1)
JE
Jeff
Publicado a las 15:11, el 08 NOV 2024 Responder

Excelente Tutorial, muchas gracias.

Deja un comentario
arrow-up-bold-circle