Migrate from Prettier
How to migrate your project from Prettier to Ultracite.
If you're using Prettier and want to switch to Ultracite's preconfigured setup, this guide will help you migrate while maintaining code quality standards.
Why Migrate to Ultracite?
- Lightning Speed: Biome (Ultracite's foundation) is based on Rust, much faster than Prettier
- Zero Configuration: Hundreds of preconfigured rules vs manual Prettier setup
- Combined Tool: Replaces both ESLint and Prettier with a single tool
- AI Integration: Built-in support for AI-powered editors (Cursor, Windsurf, GitHub Copilot)
- Type Safety: Comprehensive TypeScript rules with strict null checks
- Modern Standards: Latest JavaScript/TypeScript best practices
Before You Start
Make sure you have:
- An existing project using Prettier
- Node.js v14.18+ (Node 18+ recommended)
- A
package.jsonfile
Automatic Setup
Run the automatic setup script.
npx ultracite initThis will:
- Install Ultracite as a dependency
- Merge your existing
biome.json/biome.jsoncwith Ultracite's preset - Merge your existing
.vscode/settings.jsonwith Ultracite's preset - Enable
strictNullChecksin yourtsconfig.jsonfile (or create one if it doesn't exist) - Preserve your custom rules and settings
- Set up editor integrations
Ensure you choose to remove the existing Prettier configuration. This will:
- Remove Prettier and any related dependencies
- Remove any Prettier configuration files
- Remove any Prettier related commands from your
.vscode/settings.jsonfile
Following the upgrade, you may want to review your biome.json / biome.jsonc file to remove any overrides. Additionally, restart your editor to ensure the new configuration is applied.
How is this guide?