在VSCode中的警告下更改波浪线颜色

时间:2017-08-26 19:35:15

标签: visual-studio-code eslint

在VSCode中安装ESLint后,我收到一些警告,如:

  

'variable'被赋值但从未使用过

下划线颜色为红色,但如何更改颜色?我试过了:

"workbench.colorCustomizations": {
    "editorWarning.foreground": "#00FF00",
    "editorError.foreground": "#00FF00",
    "editorWarning.border": "#00FF00",
    "editorError.border": "#00FF00"
}

但它们改变了下划线边框的颜色,这不是如图所示的波浪形边框:

如何将红色改为#00FF00

4 个答案:

答案 0 :(得分:8)

您可能希望自定义eslint配置,将其设置为警告而不是错误。但是如果你想改变应用程序中所有错误波浪形的颜色,这对我有用:

-jar

答案 1 :(得分:6)

Vscode v1.17增加了设置警告和信息颜色的功能:

Modify warning and info squiggles.

"workbench.colorCustomizations": {
  "editorWarning.foreground": "#ff0",
  "editorInfo.foreground": "#00f"
}

[此答案也添加到squigglies for TSLint]

答案 2 :(得分:0)

对我来说,经过多次尝试从VSC设置中更改“ workbench.colorCustomizations” ,但结果却不令人满意。 我发现我使用的TsLint Extension是(已弃用) 他们是来自 microsoft 而不是 egamma 的另一个 enter image description here

但是在我安装完这一切后,一切恢复正常 enter image description here

答案 3 :(得分:0)

这里的答案讨论了为所有类型的错误(不仅仅是来自 eslint)更改颜色。

我不确定这是什么意图(至少我不希望它表现得那样)。
我想以 红色 显示所有 JS 错误,但以 橙色 显示所有 ESLint 错误(作为警告)。

方法是在设置中编辑 eslint.rules.customizations

  "eslint.rules.customizations": [
    { "rule": "*", "severity": "warn" },
  ]

ESLint plugin homepage

查看更多信息