VSCode 连字是字体渲染特性,将 =>、!= 等符号组合显示为⇒、≠等单一字形,不改变代码内容;需安装支持连字的等宽字体(如 Fira Code)并设置 ”editor.fontLigatures”: true。

VSCode 中的连字(Ligatures)是一种字体渲染特性,它把常见的代码符号组合(比如 =>、!=、-->、==>)自动显示为一个连贯、语义更清晰的单一字形(如 ⇒、≠、⟶、⟹),** 不改变实际代码内容,只优化视觉呈现 **。它让操作符更易识别,减少眼睛在多个字符间跳转的认知负担,尤其适合写箭头函数、链式调用或逻辑判断多的项目。
需要两个前提才能生效
连字不是 VSCode 自带的功能,它依赖:
- 系统已安装支持连字的等宽编程字体,例如 Fira Code、JetBrains Mono、Cascadia Code(下载安装后需重启 VSCode 才能识别)
- VSCode 明确启用该字体特性,仅设对字体名还不够,必须单独打开 ligatures 开关
开启连字的三步操作
确认字体已装好后,按以下顺序设置:
- 打开 VSCode 设置(Ctrl + , 或 命令面板输入 Preferences: Open Settings (JSON))
- 在
settings.json中添加两行配置(顺序无关):
“editor.fontFamily”: “‘Fira Code’, ‘JetBrains Mono’, monospace”,
“editor.fontLigatures”: true - 保存文件,无需重启——编辑器会立即刷新渲染效果
验证是否成功开启
在任意代码文件中输入这些组合,观察是否变成连体符号:
-
=>应显示为 ⇒(不是两个独立字符) -
!=应显示为 ≠ -
-->应显示为 ⟶ -
&&或||在部分字体中也会连写(视字体版本而定)
如果没变化,优先检查:字体名拼写是否准确(含空格需加单引号)、是否安装的是带 ligatures 支持的版本(如 Fira Code 的“Regular”或“Retina”版,而非“Non-ligating”版)、fontLigatures 值是否为 true(不能是字符串 "true")。
基本上就这些。配置轻量,但视觉提升明显,尤其适合每天面对大量代码的开发者。