小公司做前端，每次测试太折腾了，特别是哐哐哐一大堆项目、功能一起上线时。

• 项目dev每次改都会影响别人测试
• 切分支测试，端口记不清楚，上一个没关还会占用
• 后台接口经常改，要不停切代理
• Windows 下 Nginx？自己的电脑，不想安装。

原因

昨天我又切到xx 分支，本来想本地跑一下看看效果，结果上一个分支端口还被占用，只好手动换端口。后台接口正式库和测试库来回改，心态真的爆炸。

每天早上拉分支，下午给测试，真希望能秒开页面，端口别冲突，代理别动。

解决方案

于是我自己撸了一个小工具，叫 vite-static-serve，特点就是轻量、快速、开箱即用：

• 每个分支一个环境，支持多环境同时跑
• 端口占用自动切换，不用记
• 内置代理，调接口不用动 Nginx
• 自动生成默认页面，拉分支就能直接预览

用起来也很简单：

# 添加环境
npx vserve add dev

# 启动环境
npx vserve start dev

# 列出当前环境
npx vserve list

# 删除环境
npx vserve remove dev

每天早上我拉两个分支：

npx vserve add feature-xxx
npx vserve add bugfix-yyy

下午给测试演示，浏览器自动打开页面，谁还想记端口啊。

使用感受

• 🚀 启动速度快，本地环境秒开
• 😌 轻量，只依赖 Vite，Windows 下不用折腾 Nginx
• 🔧 灵活，随时加/删/切环境

适用场景

• 小团队开发，没有专用服务器
• 多分支、多版本同时测试
• 快速调接口，或者前后端联调

项目地址

github.com/HYI110100/v…