Visual Studio 2017 Javascript linter highlight errors

Question

I am using VS17 to edit client side Javascript files.

The built-in intellisense and linter are great, but when the linter finds an error I get only a green scribble line under the error (using dark theme).

This is way too easy to miss. I end up going back to the browser etc. only to find out a syntax error way too often.

How can I get more visual cues on linter errors. I want something on the left side, something marking the whole line from end to right (as in sublime-linter), or something else that makes it super visible that something is wrong.

Answer 1

To visualize errors list to left side of your VS window more highlight follow these steps:

1. Go to left bottom side of VS and drag Error List. And Drop it in center pane icon

   

2. After this you can easily view all errors and warnings to left pane.

   

Edit:

Move Error List to left side of you window and then a new prediction will show up like: and drop it to center .

Not drop to middle center of your editor!

EDIT 2: For highlighting the error code lines in your editor, you need two add-in to be enabled:

• Enable Productivity Power Tools will highlight errors code-files (tab).

  ---

• Enable ReSharper will highlight error lines in a code-file.

  ---

EDIT 3:

After installing Productivity Power Tools then go in VS solution explorer and select errors from dropdown:

And follow this reference.

Answer 2

Have you tried changing the "Compiler Error / Other Error / Syntax Error / Warning" colors?