Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there a way to improve linting errors highlight in Visual Studio Code?

Currently eslint/tslint highlighting for issues/errors is super invisible (comparing, for example, to Atom). Its almost impossible to catch the issue - find the small green highlight zone (see screenshot)

VSCode: VSCode screenshot

Atom: Atom screenshot

Question is not relevant since June 2018 (VSCode now has awesome highlights)

like image 902
ValeriiVasin Avatar asked Jun 27 '16 14:06

ValeriiVasin


People also ask

How do I fix the lint error in Visual Studio Code?

In your code editor, open the JavaScript file you created earlier. All the broken rules will be indicated. If you have the ESLint extension installed you can use CTRL+SHIFT+P to open the Command Palette. Then search for ESLint: Fix all auto-fixable Problems and press ENTER (or RETURN ).

What is enable highlighting error in VS Code?

Before that make sure that you're in a C++ file. Then, go to the command palette (Ctrl + Shift + P) and search for "error." Click on the "Enable Error Squiggles" option. That's it.


1 Answers

Simple. I use 2 extensions for that:

Error Lens (usernamehw.errorlens) for highlight the entire line and show on real time the error diagnostic

Error Gutters (igorsbitnev.error-gutters) for put error icons next of line number

Both look like this:

enter image description here

like image 109
Patricio Villarroel Avatar answered Sep 18 '22 06:09

Patricio Villarroel