VS Code: Change color of squiggly underline for Lint

visual-studio-code vscode-settings tslint
Esteban Santini picture Esteban Santini · Aug 9, 2017 · Viewed 11.4k times · Source

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.

Answer

Rob Lourens picture Rob Lourens · Aug 13, 2017

There is a setting to have the tslint extension return warnings (green) instead of errors (red): "tslint.alwaysShowRuleFailuresAsWarnings": true

Also, you can change your tslint config to determine which issues are errors, and which are warnings.

Related questions

How can I customize the tab-to-space conversion factor?

How do I customize the tab-to-space conversion factor when using Visual Studio Code? For instance, right now in HTML it appears to produce two spaces per press of TAB, but in TypeScript it produces 4.

Read More
How do I use Bash on Windows from the Visual Studio Code integrated terminal?

Visual Studio Code on Windows uses PowerShell by default as the integrated terminal. If you want to use Bash from Visual Studio Code, what steps should be followed?

Read More
Vertical rulers in Visual Studio Code

How can vertical rulers (note the plural) be configured in Visual Studio Code? In Sublime Text 2 I can do "rulers": [72, 80, 100, 120] How does this work in Visual Studio? "editor.ruler": 80 produces only one vertical ruler.

Read More