🚀 V2Board 用户前端项目
一个美观、现代的 V2Board 管理后台前端项目,基于 Vue 3 开发。
✨ 特性
- 🎨 美观的 UI 设计,简约高端
- 🌓 支持亮色/暗色主题切换
- 🌍 内置国际化支持(中文/英文)
- 📱 响应式设计,完美适配各种设备
- 🔒 完善的登录认证系统
- 🚀 模块化代码结构,易于维护与扩展
🧩 技术栈
| 技术 | 说明 |
|---|---|
| Vue 3 | 渐进式 JavaScript 框架 |
| Vue Router | 官方路由管理器 |
| Vuex | 状态管理模式 |
| Axios | 基于 Promise 的 HTTP 客户端 |
| Sass | CSS 预处理器 |
| Vue I18n | 国际化解决方案 |
📂 项目结构
src/
├── api/ # API 接口
├── assets/ # 静态资源
│ └── styles/ # 样式文件
│ ├── base/ # 基础样式
│ ├── components/ # 组件样式
│ └── layouts/ # 布局样式
├── components/ # 公共组件
├── composables/ # 组合式 API
├── i18n/ # 国际化
│ └── locales/ # 语言包
├── router/ # 路由配置
├── store/ # Vuex 存储
├── utils/ # 工具函数
└── views/ # 页面视图
⚙️ 自定义配置
可在 src/config/index.js 文件中修改主题颜色、API 基础 URL 及其他配置。
🛠️ 开始使用
1️⃣ 安装依赖
npm install
2️⃣ 开发环境运行
npm run serve
3️⃣ 生产环境构建
npm run build
🌎 浏览器支持
✅ Chrome
✅ Firefox
✅ Safari
✅ Edge
✅ 其他现代浏览器