# Vite Vue3 Admin Template

一个基于 Vue 3、Vite、Element Plus 和 Vue Router 4 的轻量级后台管理系统模板。

## 特性

- 📦 基于 [Vue 3](https://v3.vuejs.org/)、[Vite](https://vitejs.dev/)、[Element Plus](https://element-plus.org/) 和 [Vue Router 4](https://router.vuejs.org/)
- 🚀 使用 Vue 3 的 `<script setup>` 语法
- 🎨 内置响应式布局
- 🔒 基本的路由权限控制
- 📊 示例页面（仪表盘、用户管理、角色管理等）
- 🔄 Axios 封装与接口管理
- 📱 移动端适配

## 目录结构

```
├── public/             # 静态资源
├── src/                # 源代码
│   ├── api/            # API 请求
│   ├── assets/         # 图片等静态资源
│   ├── components/     # 全局组件
│   ├── layout/         # 布局组件
│   ├── router/         # 路由配置
│   ├── store/          # 状态管理（预留）
│   ├── utils/          # 工具函数
│   ├── views/          # 页面
│   ├── App.vue         # 根组件
│   ├── main.js         # 入口文件
│   └── style.css       # 全局样式
├── index.html          # HTML 模板
├── package.json        # 依赖管理
└── vite.config.js      # Vite 配置
```

## 快速开始

### 安装依赖

```bash
npm install
```

### 开发环境运行

```bash
npm run dev
```

### 生产环境构建

```bash
npm run build
```

### 预览生产环境构建

```bash
npm run preview
```

## 登录信息

- 用户名：admin
- 密码：123456

## 技术栈

- [Vue 3](https://v3.vuejs.org/)
- [Vite](https://vitejs.dev/)
- [Vue Router 4](https://router.vuejs.org/)
- [Element Plus](https://element-plus.org/)
- [Axios](https://axios-http.com/)

## 浏览器支持

推荐使用现代浏览器如 Chrome、Firefox、Safari、Edge 等。

## 许可证

[MIT](./LICENSE)