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

Question

在 VSCode 中安装 ESLint 后，我收到了一些警告，例如：

'variable' is assigned a value but never used

下划线颜色为红色，如何更改该颜色？我试过：

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

但是他们改变了带下划线边框的颜色，这不是这里显示的波浪形边框：

如何将红色改为 #00FF00？

Answer 1

您可能想要自定义您的 eslint 配置以将这些设置为警告而不是错误。但是如果你想改变应用程序中所有错误曲线的颜色，这对我有用：

"workbench.colorCustomizations": {
    "editorError.foreground": "#00ff00"
}

Answer 2

VSCode v1.17 添加了设置警告颜色（"squiggles"）和信息的功能：

Modify warning and info squiggles.

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

[这个答案也添加到]

Answer 3

对我来说，经过多次尝试从 VSC 设置更改 "workbench.colorCustomizations"，但结果并不令人满意。我发现我使用的 TsLint Extention 是（已弃用）他们是 microsoft 的另一个，而不是 egamma

但是在我安装这个之后一切都恢复正常

Answer 4

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

我不确定这是什么意思（至少我不希望它表现得像那样）。
我想在 red 中显示所有 JS 错误，但在 orange 中显示所有 ESLint 错误（作为警告）。

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

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

在 ESLint plugin homepage

查看更多信息

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

Change squiggly line color under warnings in VSCode

eslint

visual-studio-code