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 (2)
JE
Jeff
Publicado a las 15:11, el 08 NOV 2024 Responder

Excelente Tutorial, muchas gracias.

EN
EdwinNum
Publicado a las 18:05, el 14 MAY 2025 Responder

Привет генераторам идей! Чат GPT — ваш личный помощник. Составляйте бизнес-планы, прокачивайте навыки общения или готовьтесь к презентациям с реалистичными симуляциями. Для путешественников — маршруты и разговорники, для фрилансеров — шаблоны договоров и расчет ставок. А с чат GPT медитация — генерация успокаивающих текстов для релаксации после напряженного дня. Попробуйте Яндекс GPT для инновационных решений: создайте уникальный рассказ, расшифруйте древние тексты или спроектируйте чат-бота для социальных сетей. Чат GPT для родителей — рекомендации по детским играм, планы по уходу за малышом или советы по воспитанию. Чат GPT для хобби — подскажет рецепт домашнего варенья, покажет схему оригами или предложит идеи для творческих проектов. Технологии работают на вас — быстро, креативно и без ограничений! Подробнее здесь – <a href="https://yarchatgpt.ru">https://yarchatgpt.ru</a> сайт для улучшения текста Вдохновение рядом — просто воспользуйтесь им!

Deja un comentario
arrow-up-bold-circle