为你的VSCode开启编程连字(Ligatures)字体效果

2次阅读

vscode需手动启用连字功能并安装支持连字的字体(如Fira Code、JetBrains Mono)才能让!=、=>等符号显示为合体字,提升可读性与视觉舒适度。

为你的VSCode开启编程连字(Ligatures)字体效果

VSCode 默认不启用连字(Ligatures),但只要字体支持、设置开启,就能让 !==>===== 等符号显示成更美观的合体字效果,提升代码可读性和视觉舒适度。

确认你用的字体支持连字

不是所有等宽字体都支持编程连字。常用支持连字的开源字体有:

  • Fira Code(最流行,专为编程设计)
  • JetBrains Mono(JetBrains 官方出品,连字自然)
  • Hack(轻量简洁,部分连字)
  • IBM Plex Mono(支持可选连字)

安装字体后,需在 VSCode 中手动指定,系统字体列表不会自动刷新。

在 VSCode 中启用连字设置

打开 VSCode 设置(Ctrl+,Cmd+,),搜索 font ligatures,勾选 Editor: Font Ligatures

同时确保 Editor: Font Family 设置为你已安装的连字字体,例如:

为你的VSCode开启编程连字(Ligatures)字体效果

AI Code Reviewer

AI自动审核代码

为你的VSCode开启编程连字(Ligatures)字体效果 112

查看详情 为你的VSCode开启编程连字(Ligatures)字体效果

"editor.fontFamily": "'Fira Code', 'JetBrains Mono', Consolas, 'Courier New', monospace"

注意:字体名含空格时要用单引号包裹;多个字体用逗号分隔,前面优先匹配。

验证连字是否生效

打开一个支持连字的文件(如 javaScript/typescript),输入以下常见组合:

  • != → 应显示为带斜杠的等号合体
  • => → 箭头应连成单个右向箭头符号
  • ===&&||->=>> 等也常有对应连字

如果没变化,检查字体是否拼写正确、是否已安装到系统、VSCode 是否重启过(部分字体需重启才识别)。

基本上就这些。连字不是必需功能,但对长期盯屏写代码的人来说,细微的视觉优化确实能减少疲劳感。

text=ZqhQzanResources