You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何消除或自定义代码错误提示的红色波浪下划线?

如何消除或自定义代码错误提示的红色波浪下划线?

太懂这种烦躁了!红色波浪线有时候真的像挡路的小障碍,尤其是写复杂表达式的时候整段被划得乱七八糟,完全看不清代码本身——我之前也因为这个反复拆代码找问题,甚至浪费时间找漏写的闭合括号,简直崩溃!

下面以你提到的用了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

火山引擎 最新活动