# 12,4 **Repository Path**: mygiZM/12-4 ## Basic Information - **Project Name**: 12,4 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-12-04 - **Last Updated**: 2025-12-04 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Vue Multi-Page 项目(改进版) 本项目基于 **Vue 3 + Vite + Vue Router**,包含完整的三页面示例,并采用 Header/Body/Footer 布局。 ## 📦 项目结构 ``` vue-multi-page/ ├─ src/ │ ├─ pages/ (3 个页面:Home / About / Contact) │ ├─ components/ (Header/Footer) │ ├─ router/ 路由定义 │ ├─ App.vue 布局 │ └─ main.js ├─ index.html ├─ package.json ├─ vite.config.js └─ README.md ``` ## 🚀 启动方式 ### 1. 安装依赖 ```bash npm install ``` ### 2. 本地启动 ```bash npm run dev ``` 默认访问:http://localhost:5173 ### 3. 打包生产环境 ```bash npm run build ``` ### 4. 预览生产包 ```bash npm run preview ``` ## ✔ 运行环境要求 - Node **18+** (强制,否则 Vite 5 会报错) - 推荐使用:Node 18 / 20(LTS) ## 📝 说明 - 该版本已改进代码与结构 - 新增了 README(即本文档)