VSCode 自定义字体、连字效果

• 1. 连字效果

• 2. 字体配置
• 3. 推荐字体
• 4. 安装字体

1. 连字效果

在设置中搜索 fontLigatures，打开 settings.json 配置文件，添加以下配置项开启

VSCode 的默认字体是不支持连字效果的，可以自己安装字体。本文推荐的字体: FiraCode、cascadia-code 都支持连字效果

"editor.fontLigatures": true,

2. 字体配置

在设置中搜索 Font Family，可以看到以下配置项

该配置项中会有多个字体，系统会按照优先级进行选择，优先使用前面的字体，前面的字体不存在时才会去使用后面的字体

3. 推荐字体

FiraCode

cascadia-code

4. 安装字体

以安装 cascadia-code 字体为例，进入 github 存储库找到最新的 tag，下载字体压缩包

解压下载的压缩包，进入 ttf 目录，打开里面的常规字体进行安装

安装字体后，mac 用户可通过自带的 聚焦搜索 快速打开字体册

查看并复制字体名称

打开 VSCode 设置，搜索 family，将上一步复制的字体名称放入到字体配置中即可