VSCode警告/错误波浪下划线与文本重叠,如何调整位置?
VSCode警告/错误下划线与文本重叠的调整方法
可以通过以下几种方式调整下划线位置,解决重叠问题:
调整编辑器行高与字体:打开VSCode设置(快捷键
Cmd+,),搜索Editor: Line Height,适当增大数值(比如从默认1.6调整到1.8或2.0);也可微调Editor: Font Size,让字体与下划线的间距更合理。自定义编辑器CSS样式:通过自定义CSS精准控制下划线偏移量:
- 安装
Custom CSS and JS Loader插件 - 在用户设置中添加配置:
"vscode_custom_css.imports": [ "file:///Users/你的用户名/.vscode/custom.css" ] - 在指定路径创建
custom.css文件,写入:.squiggly-error, .squiggly-warning { text-underline-offset: 3px !important; text-decoration-thickness: 1px !important; } - 重启VSCode并按照插件提示启用自定义样式
- 安装
排查扩展冲突:部分语法检查、主题类扩展可能干扰下划线渲染。尝试禁用近期安装的扩展,逐一排查是否是扩展导致的异常。
更新软件版本:虽然当前使用1.88.0版本,VSCode后续更新可能修复了该渲染问题,可尝试升级到最新版;同时确保macOS系统的补丁已更新。
内容的提问来源于stack exchange,提问作者Lorence
相关产品推荐
相关产品推荐

