Scaffold a working vite.config.js in seconds. Pick your framework plugin, server and build options, then copy the config into your project — free and private.
Save the output as vite.config.js in your project root, then install the dev dependencies shown above it.
How to Use
- Choose a framework plugin, or none for a vanilla project.
- Set the base path, port and server options.
- Adjust the build output folder, source maps and minifier.
- Press Copy config and save it as vite.config.js in your project.
- Install the listed dev dependencies with npm.
Key Features
- Framework plugins — React, Vue and Svelte covered.
- Server options — port, auto-open and network host.
- Build control — output folder, source maps and minifier.
- Install command — the exact npm command for your choices.
- 100% private — everything runs in your browser; nothing is sent or stored.
FAQs
Where do I save the config?
Save it as vite.config.js in your project root, then run npx vite to start the dev server.
What is the base path?
The base path is the public path your app is served from. Use / for a domain root, or /my-app/ when deploying under a subfolder.
Do I need the framework plugin?
Only if you use that framework. Choose None for a vanilla JavaScript project.
Is my data sent anywhere?
No. The config is generated entirely in your browser and never transmits or saves your entries.
Related Tools
Package.json Generator · Env Generator · Nginx Config Generator · Dockerfile Generator