[TOC] #### 1. 連字效果 --- 在設(shè)置中搜索 `fontLigatures`,打開 `settings.json` 配置文件,添加以下配置項(xiàng)開啟 VSCode 的默認(rèn)字體是不支持連字效果的,可以自己安裝字體。本文推薦的字體: FiraCode、cascadia-code 都支持連字效果 ``` "editor.fontLigatures": true, ``` #### 2. 字體配置 --- 在設(shè)置中搜索 `Font Family`,可以看到以下配置項(xiàng) 該配置項(xiàng)中會(huì)有多個(gè)字體,系統(tǒng)會(huì)按照優(yōu)先級(jí)進(jìn)行選擇,優(yōu)先使用前面的字體,前面的字體不存在時(shí)才會(huì)去使用后面的字體  #### 3. 推薦字體 --- [FiraCode](https://github.com/tonsky/FiraCode "FiraCode") [cascadia-code](https://github.com/microsoft/cascadia-code "cascadia-code") ### 4. 安裝字體 --- 以安裝 cascadia-code 字體為例,進(jìn)入 github 存儲(chǔ)庫(kù)找到最新的 tag,下載字體壓縮包  解壓下載的壓縮包,進(jìn)入 ttf 目錄,打開里面的常規(guī)字體進(jìn)行安裝  安裝字體后,mac 用戶可通過自帶的 **聚焦搜索** 快速打開字體冊(cè)  查看并復(fù)制字體名稱  打開 VSCode 設(shè)置,搜索 `family`,將上一步復(fù)制的字體名稱放入到字體配置中即可 