Simple steps to get a nice VSCode setup with linting hints and format on save:


Install ESLint


yarn add babel-eslint
yarn add eslint-config-airbnb
yarn add  eslint-plugin-jsx-a11y
yarn add eslint-plugin-react

In your .eslintrc.json file add

    "parser": "babel-eslint",
    "extends": "airbnb",
    "plugins": [



Install Prettier JavaScript Formatter


npm install -g prettier-eslint --save-dev

Configure it to format based on the ESLint rules we just added, press cmd+, and add to the VSCode config:

"editor.formatOnSave": true,
"javascript.format.enable": false,
"prettier.eslintIntegration": true,

React specific settings

Use VSCode language-specific settings.

Want to hire me?

I'm currently considering remote job/contract opportunities as a Frontend Developer.

Read more about me and if you're interested, get in touch.