本地开发 Web 项目有个痛点是,大家全挤在 localhost:3000localhost:5173 等,结果就是各个项目存在 Cookie、LocalStorage、Indexed DB 等浏览器存储里的数据全堆在一个端口里,特别烦。

为此,试了一下 Portless,用法非常简单:

先安装:

pnpm add -D portless

然后用以下命令替代你之前的 dev 脚本(假设是 Vite 项目的话):

{
  "scripts": {
    "dev": "portless run vite dev"
  }
}

最后跟之前一样运行 pnpm dev

运行后访问 https://<myapp>.localhost 就行。