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

Acid Coder @tylim88

About: Who needs meth when you have Typescript?

Joined:
Oct 31, 2021

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

Publish Date: Jun 18
3 0

Eslint and Prettier are frustrating to configure, 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!

Comments 0 total

    Add comment