Zum Inhalt springen
Projekt besprechen
Alle Technologien

Biome der All-in-one-Linter und -Formatter in Rust

Biome bündelt Linting und Formatierung in einem einzigen, in Rust geschriebenen Werkzeug. Es ersetzt das klassische Gespann aus ESLint und Prettier durch eine Toolchain mit einer Konfigurationsdatei und deutlich kürzeren Laufzeiten, was vor allem in großen Codebases und CI-Pipelines spürbar wird. Beide Ansätze sind bei uns produktiv im Einsatz: Je nach Team-Setup fahren wir Biome oder das etablierte ESLint-plus-Prettier-Gespann, eingebunden in Editor, Pre-Commit-Hook und CI. Wir legen niemanden auf ein Tool fest, sondern richten das ein, was zum bestehenden Workflow passt, in Projekten, die Ihre Agentur unter eigenem Namen ausliefert.

Code-Qualität Systemebene
Die Rolle von Biome im Projekt, schematisch dargestellt.

01 / Einsatz

Wofür sich Biome eignet

  • Linting und Formatierung in einem Werkzeug
  • Kürzere Lint-Laufzeiten in CI-Pipelines
  • Einheitlicher Code-Style in Team-Projekten
  • Integration in Vite-, Vue-, Svelte- und React-Projekte
  • Ablösung eines langsamen ESLint-plus-Prettier-Setups

02 / Einblick

Biome in der Praxis

biome.json
{
  "$schema": "https://biomejs.dev/schemas/2.5.4/schema.json",
  "formatter": {
    "enabled": true,
    "indentStyle": "space",
    "lineWidth": 100
  },
  "assist": {
    "actions": { "source": { "organizeImports": "on" } }
  },
  "linter": {
    "enabled": true,
    "rules": {
      "recommended": true,
      "suspicious": { "noExplicitAny": "error" }
    }
  },
  "javascript": {
    "formatter": { "quoteStyle": "single", "semicolons": "asNeeded" }
  }
}

03 / Vorgehen

So arbeiten wir mit Biome

  1. Bestandsaufnahme: vorhandenes ESLint- und Prettier-Setup sichten

  2. Entscheidung Biome oder ESLint plus Prettier, abhängig von Team und Bestand

  3. Biome-Konfiguration: Regeln, Formatierung und Ignore-Pfade in einer Datei

  4. Editor-Integration (Format-on-Save) und Pre-Commit-Hook

  5. Einbindung in die CI-Pipeline als Quality-Gate

  6. Übergabe: dokumentierte Regeln und Konventionen

Das liefern wir bei Biome

  • Konfiguriertes Biome- oder ESLint-plus-Prettier-Setup
  • Dokumentierte Lint- und Format-Regeln
  • Editor- und Pre-Commit-Integration
  • CI-Einbindung als Quality-Gate
  • Übergabe-Doku: Konventionen und Workflow

Häufige Fragen zu Biome

Biome oder ESLint plus Prettier: Was empfehlen Sie?
Beides sind gute, etablierte Wege. Biome ist schneller und deckt Linting und Formatierung in einem Tool mit einer Konfiguration ab. ESLint plus Prettier hat das größere Plugin-Ökosystem und mehr spezialisierte Framework-Regeln. Faustregel: Biome, wenn Geschwindigkeit und ein schlankes Setup zählen; ESLint plus Prettier, wenn spezifische Plugins gebraucht werden oder das Bestands-Setup gut läuft. Wir wählen nach Projekt-Fit.
Müssen wir unser bestehendes ESLint-Setup aufgeben?
Nein. Ein funktionierendes ESLint-plus-Prettier-Setup tauschen wir nicht ohne konkreten Grund aus. Biome lohnt sich vor allem dort, wo Lint-Laufzeiten stören oder ein neues Projekt ohne Altlasten startet. Die Regeln lassen sich weitgehend übernehmen, sodass der Code-Style konsistent bleibt.
Wie viel schneller ist Biome in der Praxis?
Weil Biome in Rust geschrieben ist und Linting und Formatierung in einem Durchlauf erledigt, sind die Laufzeiten auf großen Codebases und in CI-Pipelines deutlich kürzer als beim getrennten ESLint-plus-Prettier-Lauf. Bei kleinen Projekten ist der Unterschied gering; dort zählt eher das einfachere Setup mit nur einer Konfigurationsdatei.
Passt Biome in unser Vite-Projekt?
Ja. Biome ist framework-unabhängig und integriert sich in Vite-, Vue-, Svelte- und React-Projekte genauso wie in Node-Backends. Wir binden es in Editor (Format-on-Save), Pre-Commit-Hook und CI ein, damit der Code-Style automatisch durchgesetzt wird.

Passt zu Biome

Passende Leistungen

Biome für Ihr Projekt?

Beschreiben Sie uns Ihre Anforderungen. Wir besprechen, wie die Technologie in Ihr Projekt und Ihre vorhandene Infrastruktur passt.

Projekt besprechen