DEV Community

Cover image for 🧙‍♂️ Stop Using Prettier and ESLint Separately | Biome Handles It Better
MD Ehsanul Haque Rizvy
MD Ehsanul Haque Rizvy

Posted on

🧙‍♂️ Stop Using Prettier and ESLint Separately | Biome Handles It Better

I’ve been using Prettier since I first started learning programming. Back then, it was all HTML, CSS, and a few frameworks then came React, Express, and Next.js. And honestly, I’ve always liked my code clean and tidy (maybe a little too much 😆).

In the early days, I formatted everything manually with and VS Code’s default formatter. But the more I learned and the more projects I worked on, the harder it became to keep my code consistently formatted that way. So, naturally, I started using Prettier, and later added ESLint to keep my syntax sharp and consistent. I stuck with that setup for a long time it worked, but it was never seamless.

Then one day, I stumbled upon a blog post about a new tool that could format and lint at the same time. That got my attention. I gave it a try without much thought, and… guess what? Totally worth it.

Biome turned out to be way faster than Prettier and comes with a built-in linter that works just as smoothly as ESLint. It’s compact, fast, and surprisingly reliable. No extra configuration chaos. So if you’re thinking about trying Biome, here’s how you can get started it’s super simple.

Setting Up Biome :

You’ll need to install it as a dev dependency. I’m using
Bun, but you can use npm, pnpm, yarn, or even Deno Biome supports them all.
And honestly, their docs are excellent very readable and beginner-friendly. But let’s go through the basics right here.

Install Biome

bun add -D -E @biomejs/biome
Enter fullscreen mode Exit fullscreen mode

Initialize Biome
This creates a biome.json file where you can configure everything.

bunx --bun biome init
Enter fullscreen mode Exit fullscreen mode

That’s it! You’re ready to use Biome no need to install Prettier and ESLint separately anymore.

⚡ Basic Commands

Format all files:
bunx biome format --write

Format specific files:
bunx biome format --write <files>

Lint and apply safe fixes to all files:
bunx biome lint --write

Lint specific files:
bunx biome lint --write <files>

Format, lint, and organize imports (all files):
bunx biome check --write

Format, lint, and organize imports (specific files):
bunx biome check --write <files>
Enter fullscreen mode Exit fullscreen mode

Bonus: Editor Support

Biome also has extensions for popular editors like VS Code, IntelliJ, and Zed
Plus, it supports modern frameworks like Svelte, Vue, and Astro right out of the box.

Final Thoughts

If you’re tired of juggling Prettier and ESLint configs, give Biome v2 a shot. It’s fast, clean, and takes care of formatting, linting, and import organization in one go. No more mismatched configs just a smoother, faster developer experience.

Top comments (0)