特性

• 基于 Vue 3 + Element Plus + Rspack 构建
• 支持多主题切换、多布局模式
• 响应式设计，支持 PC、平板、手机
• 完善的路由和状态管理
• Mock 数据支持
• 代码简洁，易于扩展

快速开始

使用 CLI 工具创建项目

# 使用 npx（推荐）
npx vue3-admin-gpt my-project

手动安装

# 克隆项目
git clone https://github.com/pxq555/vue3-admin-gpt.git my-project
cd my-project

# 安装依赖
npm install

# 启动开发服务器
npm run serve:rspack

# 构建生产版本
npm run build

项目结构

vue3-admin-gpt/
├── src/
│   ├── api/              # API 接口
│   ├── assets/           # 静态资源
│   ├── components/       # 通用组件
│   ├── config/           # 配置文件
│   ├── layouts/          # 布局组件
│   ├── plugins/          # 插件
│   ├── router/           # 路由配置
│   ├── store/            # Vuex 状态管理
│   ├── styles/           # 样式文件
│   ├── utils/            # 工具函数
│   └── views/            # 页面组件
├── public/               # 公共资源
├── mock/                 # Mock 服务
├── .env.development      # 开发环境配置
├── .env.production       # 生产环境配置
├── rspack.config.js      # Rspack 构建配置
└── package.json          # 项目配置

配置说明

主要配置文件位于 src/config/ 目录：

• index.js - 主配置入口
• setting.config.js - 通用配置（标题、端口号、路由模式等）
• theme.config.js - 主题配置
• net.config.js - 网络请求配置

开发命令

# 启动开发服务器
npm run serve:rspack

# 构建生产版本
npm run build

# 构建并打包为 zip
npm run build:zip

浏览器支持

现代浏览器和 IE 11+

License

MIT

贡献

欢迎提交 Issue 和 Pull Request！