Integrate ESLint with Visual Studio 2015

Question

I am using ESLint for JavaScript. I installed it in my machine and am able to run and check for the errors in the file that I want to. Everything is good but if I have to use it only from command prompt I have to manually run this for each file or a folder. I am thinking about integrating this into Visual Studio so that when I run it like "Run ESLint on solution" it will give a list of warnings/errors for all the JS files in the solution. Even if we can't do that, is it possible to select a file and to run ESLint on that file in Visual Studio 2015?

I added ESLint to external tools in Visual Studio:

But when I run it, it's not showing any errors or anything. It is just showing the details of the help command. How do I run this on a particular file?

Answer 1

Web Analyzer extension has now been built in to Visual Studio in the .NET Core Tooling Preview 1

Follow the link to download the installer for .NET Core Tooling Preview 1

You can install Web Analyzer extension as well, but after the restart you will get a prompt:

Answer 2

You can use WebAnalyzer plugin for Visual Studio, which does JavaScript linting through ESLint. It should highlight javascript errors every time you save your file, so it's a bit nicer then doing it through the menu. If you don't want to use plugin, you can setup a new menu item in the Tools > External Programs menu. Make sure to use ESLint's visual studio formatter that should allow you to double-click on the error and have Visual Studio take you to the line where the error occurred.