VS Code: Change color of squiggly underline for Lint

user_3987900 0
Viewed 15827

My configurations currently show the same red squiggly line for Typescript errors and TSLint warnings.

I am using TSLint extension for Visual Studio Code but the configuration I believe is a general VS Code configuration.

This is what it should look like:

Image of what it should look like

I found this feature request to take it further than just Squiggly lines.

It's not a duplicate of "How to change error styles in VS Code" because I need to change the color of Lint's warnings only. NOT every error.

tslint vscode-settings visual-studio-code
5 Answers

VSCode v1.17 added the ability to set the color of warnings ("squiggles") and info:

Modify warning and info squiggles.

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

For eslint I was able to just set specific rules to warning, which I think is a better way to do it rather than trying to set all to one level. The unused vars was the one that really annoyed me, so:

in the .eslintrc file...

{
    "rules" : {
    "no-unused-vars": "warn"
}
user_12360830

For the ESLint plugin:

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

Setting was found in the GitHub PR.

user_6757210
Related