ESLint support Visual studio 2017

by

How to Get ESLint Working in Visual Studio 2019 and 2017:

2019 v16 & 2017 >= v15.8

I’ve included the previous version instructions at the end, but do yourself a favor and upgrade if you want this feature.

From the menu: Tools > Options > Text Editor > Javascript/Typescript > Linting

Check Enable Eslint
enter image description here

The global-in-visual-studio .eslintrc file is at your root user directory (Windows 10) along with other visual studio configs. You could still have eslint installed via npm install eslint -g on your machine. VS won’t use it. It comes with the react plugin, but you can install other plugins and they’ll will work. You can extend configs normally in your project (eslint ref)

It uses Eslint v4 but acc. to MS docs,

if your project has a local installation of ESLint, it will use that version instead

2017 v.15.7

From the menu: Tools –> Options –> Text Editor –> Javascript/Typescript
Set Enable Eslint to True (if it’s not already)

Then from the main menu: Tools –> Web Code Analysis –> Edit ESLint Settings

You will have to save the .eslintrc and your.js file for the rules to take effect. There might be a way to enable the intellisense as you type, but I haven’t found it. I found that if I update the rules after visual studio has already begin linting, I have to restart the project for the new rule to take effect. Still clunky but this is a great way to quickly implement a coding standard especially when you match it with your text editor format and use an auto-format on save plugin like this one

Just remember to edit the .eslintrc file in the ESLint 2.0.0 format found here

More Related Contents:

  1. How can I run NUnit tests in Visual Studio 2017?
  2. Running two projects at once in Visual Studio
  3. Multiple Errors Installing Visual Studio 2015 Community Edition
  4. How do I diagnose and fix a Visual Studio (for example 2015, 2017) crash?
  5. Equivalent to AssemblyInfo in dotnet core/csproj
  6. Visual Studio 2015 or 2017 shows IntelliSense errors but solution compiles
  7. Can I record/play macros in Visual Studio 2012/2013/2015/2017/2019?
  8. Where does Visual Studio 2017 store its config?
  9. Do I know if I need Multi-Dex enabled? (ClassNotFoundException)
  10. Packages not loading after installing Visual Studio 2015 RTM
  11. Visual Studio 2017 Debug Error: To prevent an unsafe abort when evaluating the function *.toString all threads were allowed to run
  12. NuGet Packages are missing
  13. Visual Studio 2015 installer hangs during install?
  14. How do I use Qt in my Visual Studio 2015 projects?
  15. class name and method name dropdown list is missing (visual studio setting)
  16. Publish website without roslyn
  17. Force uninstall of Visual Studio
  18. “Value does not fall within the expected range” when trying to add a reference in a project
  19. How to fix “Internal Diagnostics Hub Exception” in VS 2015 Update 1?
  20. Customise “Light Bulb” Quick Action Rules
  21. How to resolve Nuget Package Version and Path in Pre-Build Event of a Project?
  22. How to upgrade csproj files with VS2017
  23. Visual studio 2017 installer won’t run after extracting
  24. Error Installing Visual Studio 2015 Enterprise Update 1 with Team Explorer
  25. Why does intellisense and code suggestion stop working when Visual Studio is open?
  26. Using CUDA with Visual Studio 2017
  27. Could not find required file ‘setup.bin’
  28. Visual Studio 2017 errors on standard headers
  29. How can I reference a dll in the GAC from Visual Studio?
  30. TypeScript “Compile on save” feature not working in Visual Studio 2015

Leave a Comment