如何设置Visual Studio Code的下划线显示,使连续下划线之间存在间距
VS Code连续下划线无间距问题解决方案
方法1:关闭字体连字功能
该问题90%以上的场景是编辑器开启了字体连字特性导致,操作步骤如下:
- 按下
Ctrl+,(Windows/Linux)或Cmd+,(Mac)快速打开VS Code设置页 - 顶部搜索框输入
Font Ligatures定位到对应配置项 - 点击配置项下方的「在settings.json中编辑」,将配置值修改为:
"editor.fontLigatures": false
- 保存配置文件后重启VS Code即可生效
方法2:更换适配的编程字体
如果关闭连字后问题仍然存在,说明你当前使用的字体本身设计就是连续下划线无间距,可以更换为不存在该问题的常用编程字体:
- Consolas(Windows系统默认预装)
- Menlo(Mac系统默认预装)
- DejaVu Sans Mono
- Noto Sans Mono
更换字体操作步骤: - 打开VS Code设置页,搜索
Font Family - 在「Editor: Font Family」输入框的最前方填入你要使用的字体名称,多个字体用英文逗号分隔
- 保存设置后立即生效
方法3:调整字符间距(可选)
如果不想更换当前使用的字体,可以通过微调字符间距解决该问题:
- 打开settings.json配置文件,新增如下配置:
"editor.letterSpacing": 0.5
- 数值可根据自身视觉感受调整,数值越大字符间距越宽
内容的提问来源于stack exchange,提问作者Jopesh
相关产品推荐
相关产品推荐

