ESLint not working in VS CODE?

#eslint #vscode #json #javascript

(check out my blog)

Hi Raffaele,

this a note from your old self.

I know that ESLint is not working in VS Code.
You have already installed all the plugins, probably reinstalled VSCode, checked your VSCode Settings and double-checked your .eslintrc several times and perhaps you are sitting in a corner thinking about quitting your job.

I know how you feel, you have already been there but you won't die on this hill.

Just open VSCode Settings (./vscode/settings.json) and add this:

"eslint.validate":[  
    {  
        "language":"vue",
        "autoFix":true
    },
    {  
        "language":"html",
        "autoFix":true
    },
    {  
        "language":"javascript",
        "autoFix":true
    },
    {  
        "language":"typescript",
        "autoFix":true
    }
]

Restart VSCode and enjoy.

Sincerely yours,
You.

Top comments (17)

Pacharapol Withayasakpunt • Dec 22 '19 • Edited

I got this warning, Auto Fix is enabled by default. Use the single string form.

So, I changed it to,

"eslint.validate": [
        "vue",
        "html",
        "javascript",
        "typescript",
        "javascriptreact",
        "typescriptreact"
    ]

However, according to github.com/Microsoft/vscode-eslint..., mixed form or autofix: false should work as well.

Also, my .eslintignore, for extra fun!

!**/.eslintrc*
node_modules*
dist
*.svg
*.ico
*.json
.gitignore
*.md
*.log
*.lock

lucas • Sep 29 '20

this helped me too, tks!

David Mudro • Nov 24 '19

Nice one, this hint is going the right direction.

I'd just add check your user settings.json before blindly sticking the same eslint.validate JSON config in each workspace individually.

Frankline Apiyo • Dec 6 '19

should the settings be added to ./vscode/settings.json or .vscode/settings.json? is it possible that this is an error in your post because it only worked for me with the latter.