Commands

Pick your package manager. Commands change for each one.

Start Dev Server

npm

npm run dev

bun

bun dev

pnpm

pnpm dev

yarn

yarn dev

Opens http://localhost:5173. Changes show instantly.

Build for Production

npm

npm run build

bun

bun run build

pnpm

pnpm build

yarn

yarn build

Creates dist/ folder. Upload this to your server.

Why bun run build not bun build?

These are different commands:

Command	What It Does
bun build	Uses Bun's bundler
bun run build	Runs the "build" script in package.json

We use bun run build because it runs Vite's bundler.

Why Vite, not Bun's bundler?

• Vite has more features
• Vite has more plugins
• Vite is tested with React for years

Bun is fast for running code. Vite is better for building.

Check Code

npm

npm run check

bun

bun check

pnpm

pnpm check

yarn

yarn check

Runs all checks:

• ESLint (find bugs)
• Prettier (check format)
• TypeScript (check types)

Find Bugs (Lint)

npm

npm run lint

bun

bun lint

pnpm

pnpm lint

yarn

yarn lint

Fix bugs automatically:

npm

npm run lint -- --fix

bun

bun lint --fix

pnpm

pnpm lint --fix

yarn

yarn lint --fix

Format Code

npm

npm run format

bun

bun format

pnpm

pnpm format

yarn

yarn format

Makes code look nice. Fixes spacing, quotes, etc.

Run Tests

npm

npm test

bun

bun test

pnpm

pnpm test

yarn

yarn test

Runs tests. Watches for changes.

Run once (for CI):

npm

npm run test:run

bun

bun test:run

pnpm

pnpm test:run

yarn

yarn test:run

Remove Demo Content

npm

npm run clean

bun

bun clean

pnpm

pnpm clean

yarn

yarn clean

Removes demo files. Gives you clean "Hello World" app.

All Commands

Command	What It Does
dev	Start dev server
build	Build for production
check	Run all checks
lint	Find bugs
format	Make code pretty
test	Run tests (watch)
test:run	Run tests (once)
clean	Remove demo files