This config will automatically configure the airbnb esLint rules and a range of other plugins, based on the contents of your projects package.json file.
To install this config, run the following command.
npm install eslint-config-auto --save-devCreate an .eslintrc file with the following contents.
{
"extends": ["auto"]
}You can now include html, json and markdown in the list of files passed to eslint to lint any JavaScript contained.
{
"scripts": {
"eslint": "eslint --color *.{html,js,json,jsx,md,ts,tsx} src/*.{html,js,json,jsx,md,ts,tsx}",
"eslint:fix": "npm run eslint -- --fix"
}
}After you have configured eslint to include this package, the first time you run eslint it will output the npm command to install the dependencies required for your project. Cut'n'paste this command into the console, and you are then ready to start linting.
The most appropreate version of the AirBNB eslint config will be automatically selected
The eslint-config-adjunct config is included, this will install a range of plugins based on your project's dependancies.
If the project includes Babel, then eslint-plugin-babel will be loaded and the parser will be set to babel-eslint.
If no transpiler is detected and env.browser = true in your .eslintrc, then eslint-plugin-compat is loaded.
If env.node = true in your .eslintrc file, then eslint-plugin-node is loaded.
If a project contians React, then a React version of the AirBNB config will be used.
If prettier is installed, any rules that may conflict with Prettier will be disabled. The plugin should read you Prettier config from your project's root.
The prettier configs for different eslint plugins are also automatically included based on which eslint plugins have been installed into your project.
If the project includes TypeScript, then the rules will adapt to lint typescipt files and the parser will be set to @typescript-eslint/parser for ts and tsx filetypes.