开源免费、美观实用的后台管理系统模版，简单轻量、开箱即用！

摘要：Art Design Pro是一款开源免费（基于MIT license开源协议）、美观实用的后台管理系统模版，专注于用户体验和快速开发的开源后台管理解决方案。基于 ElementPlus 设计规范，进行了视觉上的精心优化，提供更美观、更实用的前端界面，帮助你轻

Art Design Pro是一款开源免费（基于MIT license开源协议）、美观实用的后台管理系统模版，专注于用户体验和快速开发的开源后台管理解决方案。基于 ElementPlus 设计规范，进行了视觉上的精心优化，提供更美观、更实用的前端界面，帮助你轻松构建高质量的后台系统。项目使用 Vue3、TypeScript、Vite 等最新技术栈，ElementPlus 组件库为您提供强大支持，覆盖 80% 的常用组件。

Art Design Pro 适用于各种需要后台管理的项目场景，包括但不限于：

企业内部管理系统。电商后台管理系统。CMS 内容管理系统。数据分析与报表系统。权限管理系统。主题切换：支持多种主题模式，包括浅色主题和深色主题，满足不同用户的视觉偏好。全局搜索：提供快速的全局搜索功能，方便用户快速找到所需内容。多标签页：支持同时打开多个标签页，方便用户在不同页面之间切换。全局面包屑导航：提供清晰的页面路径导航，帮助用户快速定位当前位置。├── .husky│ ├── pre-commit # 预提交钩子脚本│ └── commit-msg # 提交信息钩子脚本├── .vscode│ ├── settings.json # VSCode 工作区设置├── public│ └── index.html├── src│ ├── assets # 静态资源│ └── fonts # 字体文件│ └── icons # 图标│ └── system # 系统图标│ └── img # 图片文件│ └── styles # 样式文件│ ├── components # 组件│ └── Form # 表单相关│ └── Icons # 图标│ └── Layout # 系统布局组件│ └── Pages # 页面相关│ └── Table # 表格相关│ └── Views # 视图文件│ └── Widgets # 小部件│ └── index.ts # 注册全局组件│ ├── config # 配置文件│ ├── directives # 自定义指令│ ├── enums # 枚举文件│ ├── laguage # 多语言│ ├── mock # mock 数据│ ├── plugins # 插件│ ├── router # 路由文件│ ├── store # vuex 状态管理│ ├── types # 类型文件│ ├── utils # 工具文件│ ├── views # 页面文件│ ├── App.vue # 根组件│ └── main.ts # 入口文件├── .auto-import.json # 自动引入配置├── .env # 通用环境变量├── .env.development # 开发环境变量├── .env.production # 生产环境变量├── .gitattributes # git 文件忽略规则├── .gitignore # git 文件忽略规则├── .prettierignore # prettier 文件忽略规则├── .prettierrc # prettier 配置文件├── .stylelintignore # stylelint 文件忽略规则├── .stylelintrc.cjs # stylelint 配置文件├── LICENSE # 许可证├── README.en.md # 英文 README├── README.md # 中文 README├── commitlint.config.cjs # commitlint 配置文件├── eslint.config.mjs # eslint 配置文件├── index.html # html 模板文件├── npminstall-debug.log # pnpm 安装调试日志├── package.json # 项目依赖├── pnpm-lock.yaml # pnpm 依赖锁文件├── stats.html # 项目打包分析文件├── tsconfig.json # ts 配置文件└── vite.config.ts # vite 配置文件INFO环境要求确保 Node.js 满足以下要求：Node.js 18.20.4 及以上版本

本项目使用 pnpm 工具安装依赖，推荐使用 pnpm

npm install -g pnpm# 或者yarn global add pnpmpnpm install

如果 pnpm install 安装失败，尝试使用下面的命令安装依赖

功能演示