Run npm run dev to start the development server and npm run build to create the production build. The scaffolded package.json maps these scripts to the vite and vite build commands, which you can also run directly with npx.
Start the development server:
npm run dev
# or
npx vite
Build for production:
npm run build
# or
npx vite build
Preview the production build locally:
npm run preview
# or
npx vite preview
The development server runs on http://localhost:5173 by default. It provides Hot Module Replacement, an error overlay and source maps, and with the React plugin, edits apply through React Fast Refresh.
The production build writes optimized, minified bundles to the dist directory. vite preview serves that folder at http://localhost:4173 so you can test it, but it is not a production server.
This answer doesn't lend itself to a diagram - it reads best . No credits were charged.
Why there's no diagram: “”
The interactive diagram is below the answer - jump to diagram ↓ · Below it, the related concept . Jump to it ↓
The diagram below the answer is the concept . Jump to it ↓