vite-vue3-admin-template

Vite Vue3 Admin Template

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

特性

• 📦 基于 Vue 3、Vite、Element Plus 和 Vue Router 4
• 🚀 使用 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 配置

快速开始

安装依赖

npm install

开发环境运行

npm run dev

生产环境构建

npm run build

预览生产环境构建

npm run preview

登录信息

• 用户名：admin
• 密码：123456

技术栈

• Vue 3
• Vite
• Vue Router 4
• Element Plus
• Axios

浏览器支持

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

许可证

MIT