Highlighting Errors And Warnings In VS Code Without Clicking Anywhere

While doing development, it is quite obvious that you will see some errors and warnings. If errors and warnings are less, then it is okay but when project is very huge or a code file is having huge number of lines of code, then it is very cumbersome to hover over the mouse on every error and see what is wrong.

Hence, Visual Studio Code aka VS Code has a very good capability wherein we can have a look at the error and warning in the currently focused file without doing mouse hover.

Using Error Lens Extension

To install the required extension, you need to go to Visual Studio Code and search for Error Lens in extensions panel and install it as shown below:

Once the extension is installed, you can see that all the errors and warnings are highlighted with inline previews as shown below:

Now, no need to move the mouse here and there to see what is error.

Get an email whenever Shweta Lodha publishes.

You can also watch out the recording of this feature on my YouTube channel

Hope you enjoyed playing around with errors and warnings.