Fira Code: a fonte que seu terminal precisava e você não sabia

Trocar a fonte do seu editor pode fazer uma grande diferença. Fira Code é uma fonte feita para programar e tem um truque legal: ligatures. Sabe aqueles símbolos que você digita (!==, =>, <=)? Eles viram símbolos fáceis de ler. Afinal, se você precisa encarar if (a !== b) por horas, que seja de um jeito bacana.

Confira mais na fonte: firacode

Ligatures

Ligatures são quando vários caracteres se tornam um só símbolo bonito. Em linguagem de programador: seu != vira um “≠” e seu => vira uma seta legal.

Veja alguns exemplos (sem ligatures à esquerda, com ligatures à direita):

ligatureexamples

Configurando no VSCode

Primeiro: baixe a fonte em https://github.com/tonsky/FiraCode.

Depois, instale as fontes da pasta TTF. Clique com o botão direito e escolha "Instalar". Nada de complicar no terminal.

Pasta

Agora, abra o settings.json do VSCode. Aperte:

  • Windows: Ctrl + ,
  • Mac: Cmd + ,

Na busca que aparece, digite settings.json e clique em Edit in settings.json.

settingsjson

Adicione isso:

"editor.fontFamily": "Fira Code",
"editor.fontSize": 12,
"editor.fontLigatures": true

Depois disso, reinicie o VSCode e veja a diferença.

Veja o antes e depois:

Antes e depois

Trocar a fonte não vai melhorar aquela função enorme nem retirar um console.log no meio do deployment. Mas deixa tudo mais agradável e pode ajudar a entender aquele regex complicado.