小公司前端多分支测试太痛苦?我自己写了个轻量 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...

相关推荐
枫叶轻语1 天前
【Nginx 从入门到实战 09】前后端统一入口:部署页面与接口的完整配置
nginx·全栈
无言听风雨丶2 天前
Nginx 深度实战:从架构原理到生产排错
运维·nginx·架构
xxwl5852 天前
Nginx 基础学习笔记
笔记·学习·nginx
fb_123452 天前
K8s StatefulSet五大有状态集群实战_Nginx_Etcd_Redis_Cassandra_MySQL
nginx·kubernetes·etcd
acd120092 天前
域名解析缓存带来的隐性故障,很多排查都漏掉了这一层
java·运维·nginx
枫叶轻语2 天前
【Nginx 从入门到实战 07】root 与 alias:资源路径到底怎样对应?
nginx·全栈
acd120093 天前
Nginx 反向代理的缓冲区坑:后端响应大时接口偶发 502
java·运维·nginx
Thanks_ks3 天前
常见 HTTP 状态码的坑:301/302、401/403、500/502 之间差的那一个词
计算机网络·nginx·http·面试·状态码·后端开发·浏览器缓存
Lsetea3 天前
Certbot webroot申请SSL证书总是404:Nginx挑战目录与路径映射检查
运维·nginx·https·ssl证书·certbot
莫晓燚3 天前
双机部署若依 (RuoYi‑Vue) 传统环境部署---实战
linux·运维·数据库·redis·mysql·nginx·ruoyi