ESLint & Prettier

1.Istall dependencies: sudo npm install --global prettier eslint eslint-plugin-prettier eslint-config-prettier

  1. Create a global .eslintrc file: nano ~/.eslintrc

File content:

{
  "extends": ["eslint:recommended", "prettier"],
  "plugins": ["prettier"],
}

For VSCode

  1. Install ESLint extension.
  2. Modify setting.json
"editor.formatOnSave": true,
"[javascript, javascriptreact]": {
    "editor.formatOnSave": false,
},
// tell the ESLint plugin to run on save
"editor.codeActionsOnSave": {
    "source.fixAll": true
},
// Optional BUT IMPORTANT: If you have the prettier extension enabled for other languages like CSS and HTML, turn it off for JS since we are doing it through Eslint already
"prettier.disableLanguages": [
    "javascript",
    "javascriptreact"
],