Vite 配置生成器

选择框架（Vue / React / Svelte / Solid / 原生）、语言（JavaScript / TypeScript）与常用选项，一键生成 vite.config.js 或 vite.config.ts 文件内容。支持路径别名、开发代理、sourcemap、端口与打包目录设置。全部在浏览器本地生成，不发起任何网络请求。

配置选项等待生成

框架

语言

开发端口

部署基础路径 base

打包输出目录

路径别名 @ → /src 生成 sourcemap 接口代理 /api

生成的配置只为起步模板，实际项目请结合插件文档按需增删。

生成结果

文件名：—

选择框架与选项，点击「生成配置」，vite.config 内容将显示在这里。

生成内容可直接保存为项目根目录下的 vite.config 文件。

使用说明

选择框架后，工具会自动引入对应插件（如 @vitejs/plugin-vue）。
语言选择 TypeScript 时输出 vite.config.ts，否则输出 vite.config.js。
开启「路径别名」会生成 @ → /src 的 resolve.alias 配置，TS 项目还需在 tsconfig 中同步 paths。
开启「接口代理」会为 /api 前缀生成 dev server 代理，并去掉前缀转发到目标地址。
「复制安装命令」会按所选框架给出对应的 npm 安装命令。
生成的配置为起步模板，生产项目请参考官方文档补充 linter、压缩、分包等设置。
全部内容在浏览器本地生成，不上传也不采集任何数据。