,

前端端口 5173

5173是 Vite 开发服务器默认端口 localhost:5173,现在 Vue3、React、uniap…

5173是 Vite 开发服务器默认端口 localhost:5173,现在 Vue3、React、uniapp-vue3 新项目清一色在用。

一、5173 数字彩蛋(为什么偏偏选这个数字)

字母数字替换梗,是 Vite 官方埋的彩蛋:

  • 5 → 罗马数字 V
  • 1I
  • 7T
  • 3E

拼起来:5 1 7 3 = V I T E = Vite

工程师趣味设计,好记、辨识度拉满。

二、为什么现在前端普遍都用 5173?

1. Vite 已经是现代前端标配构建工具

Vue3、React、Svelte、Solid、uniapp、Nuxt3、Next.js 新项目全部默认用 Vite:

  • 冷启动秒开、热更新 HMR 极快,碾压老 Webpack;
  • 执行 npm run dev 自动拉起开发服务,固定监听 5173; 久而久之所有前端开发机默认访问地址都是 http://localhost:5173

2. 端口不冲突,避开老牌常用端口

老工具固定端口:

  • Vue CLI(Webpack):8080
  • React CRA:3000
  • Angular:4200
  • 后端 Java/SpringBoot:8080、8081

5173 是独有的高位端口,不会和后端、其他前端项目端口打架,同时大于 1024,Windows/macOS/Linux不需要管理员权限就能直接启动,开箱即用无权限报错。

3. 全框架统一,形成行业共识

不管你写 Vue、React、TS、uniapp H5,只要 Vite 创建项目,启动地址永远是 5173。

团队协作、远程协助、内网联调,所有人下意识就输 :5173,不用互相确认端口,约定俗成。

Previous Post

Next Post

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

About the Author

每个人都有自己得时区,在自己得时区里,一切都是准时的。

BlockSpare — News, Magazine and Blog Addons for (Gutenberg) Block Editor