DEV Community

Acid Coder
Acid Coder

Posted on • Edited on

Stop using Eslint and Prettier, use Biomejs instead! End Bike Shedding, End Endless Configurations!

Eslint and Prettier are frustrating to configure, they also run slowly

Introduce Biomejs, the next generation linter and formatter, written in Rust!

Setup Biomejs in vscode in mere 4 simple steps!

  • install Biomejs npm i -D @biomejs/biome

  • install Biomejs vscode extension

  • (optional)create biome.jsonc in root folder

{
    "javascript": {
        "formatter": {
            "quoteStyle": "single",
            "semicolons": "asNeeded"
        }
    }
}

Enter fullscreen mode Exit fullscreen mode

This is my favorite configuration, simple and clean, I want to reduce noise as much as possible.

You are free to modify it, the js rules work with typescript out of the box.

  • create a .vscode/settings.json file in root folder
{
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "biomejs.biome",
    "[typescript]": {
        "editor.defaultFormatter": "biomejs.biome"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "biomejs.biome"
    },
    "[typescriptreact]": {
        "editor.defaultFormatter": "biomejs.biome"
    }
}
Enter fullscreen mode Exit fullscreen mode

and it is done, enjoy!

Top comments (0)