VS Code：更改 Lint 波浪下划线的颜色

Posted 2023-03-13

【中文标题】VS Code：更改 Lint 波浪下划线的颜色

【英文标题】：VS Code: Change color of squiggly underline for Lint

【发布时间】：2018-01-16 15:24:58

【问题描述】：

我的配置目前为 Typescript 错误和 TSLint 警告显示相同的红色波浪线。

我正在为 Visual Studio Code 使用 TSLint 扩展，但我认为该配置是通用的 VS Code 配置。

这是它应该的样子：

我发现 this feature request 不仅仅只是使用 Squiggly 线条。

它不是“How to change error styles in VS Code”的重复项，因为我只需要更改 Lint 警告的颜色。不是每个错误。

【问题讨论】：

您不能只为 Lint 更改它。所有错误和警告都具有相同的样式。

【参考方案1】：

有一个设置可以让 tslint 扩展返回警告（绿色）而不是错误（红色）："tslint.alwaysShowRuleFailuresAsWarnings": true

此外，您可以更改 tslint 配置以确定哪些问题是错误，哪些是警告。

【讨论】：

Lint 配置有选项：“defaultSeverity”：“warning”。但是你提到的配置成功了：D

好的，我不确定您是否应该在 tslint 配置上设置其他内容以使其产生警告。但是如果 tslint 实际上产生了警告并且 vscode 将它们显示为错误，那将是 tslint 扩展的一个错误。

如果您有兴趣，这里是我的 tslint.json，VS 设置几乎是默认设置。 github.com/esantini/React_Example/blob/master/tslint.json

谢谢你！太需要这个了！ ?

【参考方案2】：

VSCode v1.17 添加了设置警告（“曲线”）和信息颜色的功能：

Modify warning and info squiggles.

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

【讨论】：

好吧，它不会改变 仅 Lint 的样式。它将针对所有警告进行更改。

是的。关于 OP 到底想要什么有点令人困惑：“我只需要更改 Lint 警告的颜色。而不是每个错误。”所以所有的警告都可能是公平的游戏。

我只有 TypeScript 错误和 Lint 警告，所以所有警告都是公平的。目前无法测试您的解决方案，但感谢您的贡献:)

太棒了——知道这一点非常方便。将其设置为半透明，以免分心

用颜色区分不同的错误来源（例如 ESLint 与 TSLint 等）会非常好

【参考方案3】：

这将解决您的问题。

在tslint.json中添加"defaultSeverity": "warning"。

参考：Change underline color to avoid confusion with compiler errors

【参考方案4】：

对于 eslint，我只能设置特定的警告规则，我认为这是一种更好的方法，而不是试图将所有内容都设置为一个级别。未使用的变量是真正让我烦恼的变量，所以：

在.eslintrc 文件中...

    "rules" : 
    "no-unused-vars": "warn"

【讨论】：

我在找这个。我希望 OP 在问题中指出 TSLint。我必须在多个规则中添加警告才能获得我的“仅限 ESLint 的颜色”，因为在我编码时标记为错误只是很烦人。我确实希望有人有一个与 TSLint“defaultSeverity”相同的解决方案。如果有人发现它会涵盖所有规则，我会很高兴。