如何消除或自定义代码错误提示的红色波浪下划线?
如何消除或自定义代码错误提示的红色波浪下划线?
太懂这种烦躁了!红色波浪线有时候真的像挡路的小障碍,尤其是写复杂表达式的时候整段被划得乱七八糟,完全看不清代码本身——我之前也因为这个反复拆代码找问题,甚至浪费时间找漏写的闭合括号,简直崩溃!
下面以你提到的用了Error Lens的VS Code为例,给你几个实用的解决办法:
自定义波浪线颜色(调淡它)
打开编辑器设置(快捷键Ctrl+/Cmd+,),搜索editor.tokenColorCustomizations,点击「编辑settings.json」,加入这段配置:"editor.tokenColorCustomizations": { "textMateRules": [ { "scope": "invalid.illegal", "settings": { "fontStyle": "", "underline": "#ff000033" // 末尾的33是透明度,数值越小颜色越淡,00就是完全透明 } } ] }这里的
invalid.illegal对应错误提示的波浪线范围,你可以根据自己的喜好调整颜色和透明度,比如改成淡粉色#ff666644也可以。换成背景色高亮(和Error Lens风格统一)
如果更喜欢背景色提示而不是下划线,把上面配置里的underline换成background就行:"editor.tokenColorCustomizations": { "textMateRules": [ { "scope": "invalid.illegal", "settings": { "fontStyle": "", "background": "#ffcccc33" // 淡红色背景,同样可以调透明度 } } ] }这样错误区域会有淡淡的背景色,既不挡代码,又能一眼看到问题,和Error Lens的提示逻辑也更搭。
彻底关闭波浪线(谨慎使用)
如果你实在不想看到任何波浪线,直接在设置里搜索editor.squiggles,把选项改成off就行。不过这个会关掉所有类型的波浪线(包括警告、语法提示),一般不推荐,毕竟还是需要提示来发现问题的。
改完设置保存后,编辑器会立刻生效,终于不用再跟红色波浪线较劲啦!
备注:内容来源于stack exchange,提问作者geoffrey




