【问题标题】:Change squiggly line color under warnings in VSCode在 VSCode 的警告下更改波浪线颜色
【发布时间】:2018-02-04 13:02:44
【问题描述】:

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

“变量”被赋值但从未使用过

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

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

但是它们改变了下划线边框的颜色,这不是这里显示的波浪线:

如何将红色改为#00FF00

【问题讨论】:

标签: visual-studio-code eslint


【解决方案1】:

这里的答案是关于改变各种错误的颜色(不仅仅是来自 eslint)。

我不确定这是否是预期的(至少我不希望它表现得那样)。
我想以 red 显示所有 JS 错误,但以 orange 显示所有 ESLint 错误(作为警告)。

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

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

ESLint plugin homepage查看更多信息

【讨论】:

  • 太棒了!这对我来说是最好的答案...投赞成票!
【解决方案2】:

对我来说,经过多次尝试从 VSC 设置更改 "workbench.colorCustomizations" 但结果不满意。 我发现我使用的 TsLint 扩展是(已弃用) 他们是 microsoft 而不是 egamma 的另一个

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

【讨论】:

    【解决方案3】:

    VSCode v1.17 添加了设置警告(“曲线”)和信息颜色的功能:

    Modify warning and info squiggles.

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

    [这个答案也添加到squiggles for TSLint]

    【讨论】:

      【解决方案4】:

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

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

      【讨论】:

      • 到底是什么...这正是我写的,现在它可以工作了。这有多奇怪?也许是因为我的 HEX 颜色大写了……嗯。
      • 你也可以做例如"editorError.background": "#ff0000"让他们真正跳出来!随着视力的老化,我一直错过那些弯曲的线条! ;-)
      猜你喜欢
      • 2018-01-16
      • 2015-12-25
      • 2022-12-07
      • 2016-12-22
      • 2019-06-25
      • 2015-10-14
      • 1970-01-01
      • 2017-03-01
      • 1970-01-01
      相关资源
      最近更新 更多