[ Tools ] 於 Visual Studio Code 中使用 FiraCode 教學

撰寫的程式碼常常不是平常所看到的格式，例如不等於這個符號，在程式碼中是以 != 來代表，但這並非在真實世界中會看到的顯示方式，本文描述如何使用 FiraCode 來顯示適合撰寫程式時清楚簡潔的字體。

學習目標

• 使用 FiraCode 讓 Visual Studio Code IDE 顯示畫面更舒適

執行步驟

前置準備作業

1. 一台可上網的電腦 ( Windows 或 macOS )
2. 足夠的硬碟空間

電腦端 ( 下方範例使用 Windows )

Step 1. 下載 Visual Studio Code

❖ 下載網址如下
   https://code.visualstudio.com/download

Step 2. 下載 FiraCode 並解壓縮

❖ 下載網址如下

https://github.com/tonsky/FiraCode/releases/download/1.206/FiraCode_1.206.zip  

Step 3. 安裝字體

❖ 到 【 FiraCode_1.206\ttf 】 路徑下並全選安裝

• Windows

• macOS

   將每個檔案快點兩下再點選安裝字體

Step 4. 設定 【 Visual Studio Code 】

❖ 開啟 Visual Studio Code

❖ 點選 【 檔案 】➙【 喜好設定 】➙【 設定 】

❖ 點選右上角的 【 {} 】

❖ 在畫面右邊輸入以下資訊後再存檔

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

❖ 關閉 Visual Studio Code 再開啟

Step 5. 測試

❖ 在編輯區輸入 【 != 】 符號，則會以 FiraCode 來呈現

Reference

• https://github.com/tonsky/FiraCode

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://github.com/ArcherHuang/MyBlog