Vue 本地开发指南
使用 Vue 3 与 Vite 创建项目，在 localhost:5173 热更新开发，可配合 Vue Router 与 Pinia。
Vue 是渐进式 JavaScript 框架，与 Vite 搭配是官方推荐的现代本地开发方式，适合 SPA、后台管理与组件库。
快速开始
npm create vue@latest my-vue-app
cd my-vue-app
npm install
npm run dev或使用通用 Vite 模板：
npm create vite@latest my-app -- --template vue-ts默认 localhost 访问
| 用途 | 地址 |
|---|---|
| 开发服务器 | http://localhost:5173 |
| 预览构建 | http://localhost:4173 |
常用命令
| 命令 | 说明 |
|---|---|
npm run dev | 启动 Vite 开发服务器 |
npm run build | 构建到 dist/ |
npm run preview | 预览生产构建 |
生态扩展
- Vue Router：客户端路由
- Pinia：状态管理
- Nuxt：全栈 / SSR 框架（类似 Next.js 之于 React）
需要 SSR 或文件路由时，可考虑 Nuxt（Vue 的全栈框架）。
小结
Vue + Vite 本地开发访问 **http://localhost:5173**，学习曲线平缓，适合快速搭建交互界面。