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

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


學習目標

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

執行步驟


前置準備作業

  1. 一台可上網的電腦
  2. 足夠的硬碟空間

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

Step 1. 下載 Visual Studio Code

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


Step 2. 下載 FiraCode 並解壓縮

❖ 下載網址如下
 https://github.com/tonsky/FiraCode/releases/download/1.204/FiraCode_1.204.zip


Step 3. 安裝字體

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


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
GitHub
List of blogs

Archer

Having being a full stack engineer. Experience with C, Python, Go, Swift, JavaScript, Node.js, LinkIt 7697, LinkIt Smart 7688, Raspberry Pi, ARM mbed, IoT solutions. Contact us : [email protected]

ALL RIGHTS RESERVED. COPYRIGHT © 2016. Designed and Coded by Makee.io