VS Code Setup & Save Actions in Biome

From the Biome cheat sheet ยท Editor Integration ยท verified Aug 2026

VS Code Setup & Save Actions

Select Biome as the formatter and apply safe actions explicitly on save.

json
{
  "[javascript][typescript][javascriptreact][typescriptreact]": {
    "editor.defaultFormatter": "biomejs.biome",
    "editor.formatOnSave": true
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.biome": "explicit",
    "source.organizeImports.biome": "explicit"
  }
}
๐ŸŸข Install the official Biome extension from the marketplace
๐Ÿ“Œ Use explicit actions to avoid unwanted workspace edits
๐Ÿ’ก requireConfiguration prevents Biome in unrelated folders
๐Ÿ” Multi-root workspaces get one Biome instance per root
vscodeeditorformat-on-savelsp

Continue with Biome

Save the full cheat sheet or work through every related task.

Back to the full Biome cheat sheet