Admin-Vue3

项目介绍

Admin-Vue3 是一款专注于用户体验和视觉设计的后台管理系统模板，基于 Vue3、TypeScript、Vite 和 Element Plus 等现代前端技术栈开发。项目采用了最新的前端技术栈，提供了丰富的功能组件和优雅的界面设计。

技术栈

• 样式来自于: art-design-pro主题
• 核心框架：Vue 3
• 开发语言：TypeScript
• 构建工具：Vite
• UI 框架：Element Plus
• 状态管理：Pinia
• 路由管理：Vue Router
• HTTP 工具：Axios
• 图表库：ECharts
• 国际化：vue-i18n

后端服务

• 后端仓库：Server
• 说明：本项目配套的后端服务器，提供完整的API接口支持，包含用户管理、权限控制等核心功能

功能特点

• 💡 最新技术栈：使用 Vue3/Vite/TypeScript 等前沿技术开发
• 🔥 热重载：开发环境下的实时预览和热重载
• 📦 组件封装：二次封装了多个常用的组件
• 🎨 主题定制：可自定义主题，支持动态切换
• 🌍 国际化：内置中英文国际化方案
• 🔒 权限管理：完善的前端权限管理方案
• 📊 数据可视化：集成 ECharts 图表组件
• 🎯 Mock 数据：内置模拟数据，轻松调试

项目结构

├── src/
│   ├── api/           # API 接口管理
│   ├── assets/        # 静态资源文件
│   ├── components/    # 公共组件
│   ├── config/        # 全局配置
│   ├── directives/    # 自定义指令
│   ├── language/      # 国际化资源
│   ├── router/        # 路由配置
│   ├── store/         # 状态管理
│   ├── utils/         # 工具函数
│   └── views/         # 页面视图

快速开始

1. 安装依赖

yarn install

2. 启动开发服务器

yarn dev

3. 构建生产版本

yarn build

浏览器支持

推荐使用最新版本的现代浏览器

• Chrome
• Firefox
• Safari
• Edge

贡献指南

欢迎提交问题和改进建议。请确保在提交之前：

1. 检查现有的 issues
2. 创建一个新的分支
3. 提交你的更改
4. 创建一个 Pull Request