How to get live feedback of formatting errors as I type?

[zorzysty]

I'd like to see, right inside my IDE, whenever there's a formatting issue that will be resolved by running Biome's formatter - similarly to how I see linting errors as I type. Is that possible using Biome's plugin for VS Code (and perhaps Intellij)?

Background: in my current project we have a prettier plugin for ESLint which informs us about formatting issues via ESLint. This is obviously very slow, but as a team, we love this functionality, and we'd like to keep it after migrating from Prettier to Biome.

Awesome project BTW!

[castarco]

Hi @zorzysty

I'm not sure that Biome identifies formatting problems as "problems", as far as I know, it just fixes them without "complaining".

What you can do, though, to ensure that formatting is as much automated as possible, is to configure VSCode to run the formatter at specific times (for example, when you save, or a few seconds after you stop tipping).

For example, if you open VSCode settings, and type one of the following search queries (you can easily adapt them to affect just the current project):

@id:editor.defaultFormatter @lang:json format

@id:editor.defaultFormatter @lang:javascript format

@id:editor.defaultFormatter @lang:typescript format

You will see something like:

There you can set Biome as your default formatter for the specific language you typed in your search query.

Note that you can also configure when the formatter will execute: