@ivangabriele/biome-config NPM

My Biome Configuration

My most commonly used Biome configuration.

Usage

Run:

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

Add this line to your biome.jsonc:

{
  "$schema": "https://biomejs.dev/schemas/1.8.0/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.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"
  },
  "emeraldwalk.runonsave": {
    "commands": [
      {
        "match": ".*",
        "cmd": "yarn test:lint"
      }
    ]
  }
}