小公司前端多分支测试太痛苦?我自己写了个轻量 CLI

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

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

原因

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

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


解决方案

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

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

用起来也很简单:

csharp 复制代码
# 添加环境
npx vserve add dev

# 启动环境
npx vserve start dev

# 列出当前环境
npx vserve list

# 删除环境
npx vserve remove dev

每天早上我拉两个分支:

csharp 复制代码
npx vserve add feature-xxx
npx vserve add bugfix-yyy

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


使用感受

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

适用场景

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

项目地址

github.com/HYI110100/v...

相关推荐
llm大模型算法工程师weng6 小时前
负载均衡做什么?nginx是什么
运维·开发语言·nginx·负载均衡
fTiN CAPA7 小时前
服务器无故nginx异常关闭之kauditd0 kswapd0挖矿病毒 CPU占用200% 内存耗尽
运维·服务器·nginx
lKWO OMET8 小时前
查看 nginx 是否已经启动
运维·数据库·nginx
ywlovecjy10 小时前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
hutengyi12 小时前
四、nginx的优化和location匹配规则
运维·nginx
eEKI DAND12 小时前
一个比 Nginx 还简单的 Web 服务器
服务器·前端·nginx
发现一只大呆瓜1 天前
深入浅出 Tree Shaking:Rollup 是如何“摇”掉死代码的?
前端·性能优化·vite
Watermelo6171 天前
理解 JavaScript 中的“ / ”:路径、资源与目录、nginx配置、请求、转义的那些事
前端·javascript·vue.js·chrome·nginx·正则表达式·seo
发现一只大呆瓜1 天前
深度起底 Vite:从打包流程到插件钩子执行时序的全链路解析
前端·vite
Cyber4K1 天前
【Nginx专项】高级进阶架构篇-Location、Rewrite及HTTPS
服务器·nginx·架构·https