ESLint + Airbnb Javascript Style Guide + Prettier + VS Code

Because

Install dependencies

yarn add -D eslint eslint-config-airbnb-base eslint-config-prettier eslint-plugin-import eslint-plugin-prettier prettier

Configure Prettier

.prettierrc.json

{
  "singleQuote": true
}

Configure ESLint

.eslintrc.json

{
  "extends": ["airbnb-base", "plugin:prettier/recommended"]
}

Add linting script

package.json

{
  ...
  "scripts": {
    "lint": "eslint ."
  },
  ...
}

In VS Code:

Install Prettier and ESLint extensions

Configure VS Code ( ⌘+ ,)

{
  ..
  "editor.formatOnSave": true,
  ..
}

Result