VSCode中的连字(Ligatures)是什么?如何开启?

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

VSCode中的连字(Ligatures)是什么?如何开启?

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")。

基本上就这些。配置轻量,但视觉提升明显,尤其适合每天面对大量代码的开发者。