ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

Maple Mono 三步搞定 VSCode 连字配置一篇全讲清

Maple Mono 三步搞定 VSCode 连字配置一篇全讲清 Maple Mono 三步搞定 VSCode 连字配置一篇全讲清【免费下载链接】maple-fontMaple Mono: Open source monospace font with round corner, ligatures and Nerd-Font icons for IDE and terminal, fine-grained customization options. 带连字和控制台图标的圆角等宽字体中英文宽度完美2:1细粒度的自定义选项项目地址: https://gitcode.com/GitHub_Trending/ma/maple-font编辑器里的-还顶着两个分开的符号、中间留着缝隙Maple Mono 是一款开源圆角等宽字体中文宽度恰好是英文的两倍配合下面这套 VSCode 连字配置、!这类运算符会合成单个符号终端里还有 Nerd Font 图标可用。⚡ 装好字体三步开启连字先把字体装到系统里按你的系统选一条命令# macOS / LinuxHomebrew brew install --cask font-maple-mono-nf-cn # WindowsScoop scoop install Maple-Mono-NF-CN带-NF后缀的是内置 Nerd Font 图标的版本终端里能显示各种图标如果你只写代码不用图标装Maple Mono CN版本即可。不用包管理器的话从官方 Release 页面下载字体文件手动安装。装完之后VSCode 里只需要改两处设置。字体名记不准也没关系输入前几个字符VSCode 会提示补全。设字体搜索fontFamily把编辑器字体设为Maple Mono NF CN。开开关搜索fontLigatures填入calt。改完重启编辑器随便打开一个代码文件-变成完整箭头就说明生效了。 连字到底在做什么连字 字体把相邻的几个符号渲染成一个字形它只是显示层面的变化文件内容不变复制粘贴出来的还是原始字符。在 Maple Mono 里这套行为主要由calt特性控制VSCode 的editor.fontLigatures就是来激活它的。举几个例子输入默认渲染开启 Maple Mono 连字后-减号 大于号单个箭头 →等号 大于号单个 ⇒// TODO两个斜杠 文字胶囊形标签⚙️ 参数怎么填配置项里只有一项是必须的其余都是观感微调可按喜好加减参数作用是否必须calt全部连字的总开关是cv01收紧 $ % Q -的间隙否ss01把等号类连字、!等拆成分离样式避免挤成一团否ss07放宽/的触发条件否JetBrains 系IDEA、PyCharm 等只有“启用连字”这一个开关不支持单独开关特性要用到 ss/cv 参数还是得靠 VSCode。 实际效果下面是 VSCode 里的实际效果注意TestProvider的尖括号是连字、注释里的 TODO 是胶囊标签代码中的比较运算符也各自合成了一个字形中英文混排最直观的差异在对齐上CN 版让中文字宽正好等于英文的两倍终端里用分隔符排出来上下两行的|能严丝合缝地对齐 连字没生效先查这四件事字体名对不上Maple Mono NF和Maple Mono NF CN是两个不同的字体设置里写的必须和实际装的一致。编辑器没重启改完设置要重启或重新加载窗口热更新不会生效。版本太旧V7 是变量字体的重写版本还在用 V6 的话字体名和连字规则都不一样直接升级到最新更省事。字发虚发糊1080P 及以下屏幕装 hinted 版本高分屏装 unhinted 版本选错版本渲染才会发虚这和连字本身无关。收尾两处设置改完编辑器字体就算齐活了。想继续深入全部连字和特性清单在 source/features/README.md还可以用 config.json 自定义构建一套只属于自己的字体版本。【免费下载链接】maple-fontMaple Mono: Open source monospace font with round corner, ligatures and Nerd-Font icons for IDE and terminal, fine-grained customization options. 带连字和控制台图标的圆角等宽字体中英文宽度完美2:1细粒度的自定义选项项目地址: https://gitcode.com/GitHub_Trending/ma/maple-font创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表