點燈坊

失くすものさえない今が強くなるチャンスよ

如何在 VS Code 使用 Fira Code 字型 ?

Sam Xiao's Avatar 2019-09-13

Fira Code 是最近很流行字型,其特色是 => 變成真正箭頭,特別適合 ECMAScript 2015 的 Arrow Function。

Version

macOS Mojave 10.14.6
VS Code 1.38.1
FiraCode 2

Fira Code

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

使用 Homebrew 安裝 Fira Code。

VS Code

fira003

Code -> Preferences -> Settings

fira002

  1. Text Editor -> Font
  2. Font FamilyFira Code
  3. Font LigaturesEnables font ligature

fira004

設定字型粗細 (依個人需求設定)

fira005

安裝後會發現 => 變成了真正的箭頭

Conclusion

  • Fira Code 用在其他語言或許沒這麼明顯,但用在 ES6 的 arrow function 則非常酷