This workaround is to install an extension to the code editor that would make the editor use the configuration of eslint you have to lint your codes. This workaround is actually dependent on the code editor or IDE you use, I use visual studio code so I am going to discuss how to use it in vscode. So anytime you want to lint a file, just do: npm run lint path/to/file This is not much of a solution, let’s check the other workaround. eslintrc.json file should look like this: Since we want to make use of the Airbnb style guide, this is pretty straight forward, all we need to do is extend the style guide: yml, this file holds the configuration rules that eslint would use to do its linting. eslintrc )for eslint, the file can either be. We are going to create a configuration file(.

Run this npx install-peerdeps -dev eslint-config-airbnb peer dependencies(if you have npm version 5+) Configuring Eslint You can either install the peer dependencies one after the other or use this shortcut if you have npm version 5+ Run this npm info peerDependencies to list all the peer dependencies Run this npm install eslint-config-airbnb -save-dev to install airbnb style guide If you don’t use React, you might want to consider installing eslint-config-airbnb-base which should have lesser peer dependencies. This style guide has some peer dependencies that must be installed along with it. The Airbnb style guide is identified as eslint-config-airbnb in the NPM repository. The next thing is to install the style guide we want to use, Airbnb. Run this npm install eslint -save-dev to install eslint Installing the style guide There a lot of resources out there that would advise you to install it globally, however, I would say install it as part of your project dependencies because you might be having some trouble adding shared style guide if you install it globally. To set up eslint, the first thing you need to do is, install the eslint npm package (you guessed it). I assume you already know what eslint is (check here if you don’t), so let’s get started with setting it up. In this blog post, I would be explaining how to set up eslint with airbnb style guide and I hope it won’t take more than 5 minutes. Set up Eslint with Airbnb style guid to have a standard javascirpt codeĪs simple as setting up eslint is, it can get very confusing, especially when you want to set it up with a shared style guide.

Airbnb code