撰寫的程式碼常常不是平常所看到的格式,例如不等於這個符號,在程式碼中是以 != 來代表,但這並非在真實世界中會看到的顯示方式,本文描述如何使用 FiraCode 來顯示適合撰寫程式時清楚簡潔的字體。
學習目標
- 使用 FiraCode 讓 Visual Studio Code IDE 顯示畫面更舒適
執行步驟
前置準備作業
- 一台可上網的電腦 ( Windows 或 macOS )
- 足夠的硬碟空間
電腦端 ( 下方範例使用 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 來呈現