Setup Fira Code di VS Code

Cara install dan setup Fira Code di Visual Studio Code

Masalah

Pemrogram menggunakan banyak simbol, sering kali dikodekan dengan beberapa karakter. Untuk otak manusia, urutan seperti ->, <= atau:=adalah token logis tunggal, bahkan jika mengambil dua atau tiga karakter di layar. Mata kita menghabiskan jumlah energi yang tidak sedikit untuk memindai, mengurai, dan menggabungkan beberapa karakter menjadi satu karakter yang logis. Idealnya, semua bahasa pemrograman harus dirancang dengan simbol Unicode lengkap untuk operator, tetapi itu belum terjadi.

Solusi

Fira Code adalah font monospace gratis yang berisi ligatur untuk kombinasi multi-karakter pemrograman umum. Ini hanyalah fitur rendering font: kode yang mendasarinya tetap kompatibel dengan ASCII. Ini membantu untuk membaca dan memahami kode lebih cepat.

Download

Cara Install

macOS

Didalam folder TFF yang sudah di download:

  1. Pilih semua file font

  2. Klik kanan dan pilih Open (alternatif Open with Font Book)

  3. Pilih Install Font

Atau

  • Menggunakan brew dan cask

    Tidak di support secara resmi, mungkin menginstall versi lama.

      brew tap homebrew/cask-fonts
      brew install --cask font-fira-code
    

OS lain

Untuk menginstall Fira Code di OS lain bisa ikuti tautan berikut

Setup

VS Code

Pastikan sudah menginstall font-nya

  1. Menggunakan visual Setting Editor

    Untuk membuka setting editor: dari menu Code, pilih Preferences > Setting atau gunakan shortcut keyboard ctrl + , (cmd + , di mac)

    Untuk mengaktifkan FiraCode di setting editor: dibawah "Commonly Used", klik "Text Editor" lalu klik "Font". Di bagian "Font Family" ganti semua conten dengan Fira Code. Lalu centang check box "Enables/Disables font ligatures" dibawah "Font Ligatures" untuk mengaktifkan special ligatures.

  2. Edit setting.json secara manual

    Visual studio memungkinkan kita untuk mengedit file konfigurasi setting.json.

    • Tekan shift + ctrl + P ( shift + cmd + P di mac)

    • Ketikan "settings"

    • Klik "preferences: open settings(JSON)"

Lalu paste line berikut dan simpan.

    "editor.fontFamily": "'Fira Code'",
    "editor.fontLigatures": true,

Text Editor lain

Untuk menginstall Fira Code di text editor lain bisa ikuti tatutan berikut.

Sumber