DEV Community

Acid Coder
Acid Coder

Posted on

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

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

learn how to setup biomejs in vscode in 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)