How To Lint and Format Code with ESLint in Visual Studio Code

Thanks for this simple, effective introduction to ESLint, especially the section on configuring autofix in VS Code - ESLint’s endless tab warnings were driving me round the twist.

Thank you for this, really helps me. Been searching around and this one is the best.

Formatting on save works for some eslint rules (indent, comma-dangle, quotes, semi) BUT doesn’t seem to work for other (max-len for example). Having the following rules in .eslintrc:

"rules": {
 "indent": [
 "error",
 2
 ],
 "quotes": [
 "error",
 "single"
 ],
 "semi": [
 "error",
 "always"
 ],
 "comma-dangle": [
 "error",
 "never"
 ],
 "max-len": [
 "error",
 {
 "code": 90
 }
 ]
}

When I save the file, it does change all double quotes to single quotes, sets proper indentation, adds semi-colons and removes trailing commas, all good. BUT if I have a code line that exceeds the max-length of 90, it does not break that line (although it is underlined and it shows the linting error). And it’s not a line of one long string, it’s simply this:

const someArray = ['asdasd', 'asdasdfgdswgsgs', 'asduhasjkdhkasudhku', 'akhjsdggasfygasfykgas', 'hgashdg', ['a', 'b', 'c']];

It does not format that :(

Everyone who’s looking for eslint not working on save file.

eslint working with cli and not with save, make sure that this is added. "editor.formatOnSave": true

Everyone who’s here saying eslint working with cli and not with save, make sure that this is added. "editor.formatOnSave": true