Disables ESLint rules that have an equivalent and recommended Biome rule, allowing the simultaneous use of Biome and ESLint.
npm install -D eslint-config-biome # or your preferred package manager ;)
-
.eslintrc.*
: Add the following as the last item in the"overrides"
array. Create it if necessary.{ "overrides": [ // other overrides, { files: ["*.ts", "*.js", "*.tsx", "*.jsx"], extends: ["biome"], } ], }
-
Or
eslint.config.js
: Importeslint-config-biome
and have it as the last item in the configuration arrayimport eslintConfigBiome from "eslint-config-biome"; export default [ // other configs, eslintConfigBiome, ];
-
In VSCode, to apply Biome and ESLint on save, you should have these in your project's
.vscode/settings.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
beforeeslint
for faster failure detection."scripts": { "format:check": "biome check . && eslint .", "format": "biome check --apply-unsafe . && eslint --fix .", }
-
Since v1.4.0, this package includes eslint-config-prettier, so formatting rules are also disabled as Biome has almost full compatibility with prettier. Attribution. Its installation is no longer required and it can be removed from your project and your eslint config file.
-
This package had its origin in this discussion. Also, thanks DaniGuardiola for your initial code!