Disables ESLint rules that have a recommended and equivalent Biome rule
npm install eslint-config-biomeDisables ESLint rules that have an equivalent and recommended Biome rule, allowing the simultaneous use of Biome and ESLint.
``bash`
npm install -D eslint-config-biome # or your preferred package manager ;)
- eslint.config.js: Import eslint-config-biome and have it as the last item in the configuration array
`js
import biome from "eslint-config-biome";
export default [
// other configs,
biome,
];
`
- Or .eslintrc.* (eslint <= v8): Add the following as the last item in the "overrides" array. Create it if necessary.
`json5`
{
"overrides": [
// other overrides,
{
files: [".ts", ".js", ".tsx", ".jsx"],
extends: ["biome"],
}
],
}
- In VSCode, to apply Biome and ESLint on save, you should have these in your project's .vscode/settings.json:
`json`
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit",
"source.organizeImports.biome": "explicit",
"quickfix.biome": "explicit"
},
"editor.defaultFormatter": "biomejs.biome"
}
- For package.json scripts and CI, I recommend running biome before eslint for faster failure detection.
`json``
"scripts": {
"lint": "biome check --unsafe --fix && eslint --fix .",
"lint:check": "biome check --unsafe && eslint .",
}
- This package includes eslint-config-prettier, so formatting rules are also disabled as Biome is equivalent to Prettier. Attribution.