My Biome Configuration

My most commonly used Biome configuration.

• Usage
  • Lint-Staged
  • IDEs
    • Visual Studio Code
• Contribute

Usage

Run:

yarn add -DE @biomejs/biome @ivangabriele/biome-config

Add this line to your biome.jsonc:

{
  "$schema": "https://biomejs.dev/schemas/2.1.3/schema.json",
  "extends": ["@ivangabriele/biome-config"],
}

Then add this line to your package.json:

{
  "scripts": {
    "test:lint": "biome check --write --no-errors-on-unmatched ."
  }
}

Lint-Staged

Run:

yarn add -DE @ivangabriele/biome-config lint-staged

Then add this line to your package.json:

{
  "lint-staged": {
    "*.{cjs,cts,d.cts,d.mts,d.ts,js,json,jsonc,jsx,mjs,mts,ts,tson,tsx}": ["yarn test:lint"]
  }
}

IDEs

Visual Studio Code

Install Biome and Run On Save extensions.

.vscode/settings.json:

{
  "editor.codeActionsOnSave": {
    "source.fixAll.biome": "explicit",
  },
  "editor.defaultFormatter": "biomejs.biome",
  "[javascript]": {
    "editor.defaultFormatter": "biomejs.biome"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "biomejs.biome"
  },
  "[json]": {
    "editor.defaultFormatter": "biomejs.biome"
  },
  "[typescript]": {
    "editor.defaultFormatter": "biomejs.biome"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "biomejs.biome"
  }
}

Contribute

Please refer to the contribution guidelines for information on how to contribute to this project.