Skip to content

Formatter

Biome is an opinionated formatter that supports multiple languages. It follows a similar philosophy to Prettier, only supporting a few options to avoid debates over styles, turning into debates over Biome options. It deliberately resists the urge to add new options to prevent bike-shed discussions in teams so they can focus on what really matters instead.

The following command checks the formatting of the files in the src directory. It emits text differences if it finds code that is not formatted.

Terminal window
npx @biomejs/biome format ./src

If you want to apply the new formatting, pass the --write option:

Terminal window
npx @biomejs/biome format --write ./src

The command accepts a list of files and directories.

For more information about all the available options, check the CLI reference.

Biome provides some options to tune the behavior of its formatter. Differently from other tools, Biome separates language-agnostic options from language-specific options.

The formatter options can be set on the CLI or via a Biome configuration file. Biome doesn’t support .editorconfig yet.

It’s recommended to use a Biome configuration file to ensure that both the Biome CLI and the Biome LSP apply the same options. The following defaults are applied:

biome.json
{
"formatter": {
"enabled": true,
"formatWithErrors": false,
"ignore": [],
"attributePosition": "auto",
"indentStyle": "tab",
"indentWidth": 2,
"lineWidth": 80,
"lineEnding": "lf"
},
"javascript": {
"formatter": {
"arrowParentheses":"always",
"bracketSameLine": false,
"bracketSpacing": true,
"jsxQuoteStyle": "double",
"quoteProperties": "asNeeded",
"semicolons": "always",
"trailingCommas": "all"
}
},
"json": {
"formatter": {
"trailingCommas": "none"
}
}
}

The main language-agnostic options supported by the Biome formatter are:

  • indent style (default: tab): Use spaces or tabs for indention;
  • indent width (default: 2): The number of spaces per indention level.
  • line width (default: 80): The column width at which Biome wraps code;

See the configuration reference for more details.

There are times when the formatted code isn’t ideal.

For these cases, you can use a format suppression comment:

example.js
// biome-ignore format: <explanation>

Example:

example.js
const expr =
// biome-ignore format: the array should not be formatted
[
(2 * n) / (r - l),
0,
(r + l) / (r - l),
0,
0,
(2 * n) / (t - b),
(t + b) / (t - b),
0,
0,
0,
-(f + n) / (f - n),
-(2 * f * n) / (f - n),
0,
0,
-1,
0,
];

Biome doesn’t provide ignore comments that ignore an entire file. However, you can ignore a file using the Biome configuration file.