Note
如果您觉得 ElegantAdmin
对您有所帮助,或者您喜欢这个项目,请在 GitHub 上给一个 ⭐️。您的支持是我们持续改进和增加新功能的动力!感谢您的支持!
Elegant Admin 是一个基于 Vue3、Vite、TypeScript、elementPlus、Pinia、Unocss 开发的中后台模版,它使用了最新的前端技术栈,内置多个主题配置,开箱即用的中后台前端解决方案,也可用于学习参考。
- 前沿技术应用:采用 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS 等最新流行的技术栈。
- 最新技术栈:使用 Vue3/Vite/Pinia 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm
- TypeScript:应用程序级 JavaScript 的语言
- 主题:丰富可配置的主题、暗黑模式,基于原子 css unocss 框架
- 严格的代码规范:antfu/eslint-config 做为基础规范, 集成了ESLint, StyleLint 和 simple-git-hooks、lint-staged,保证代码的规范性。
- 权限路由:简易的路由配置、可使用前端路由和后端动态路由
- 请求函数:基于 axios 的完善的请求函数封装
- 模拟后台数据:基于 mock 模拟后台数据
- 表格封装:基于 elementPlus 封装的表格组件、表格查询组件
-
环境配置 本地环境需要安装 pnpm 8.x 、Node.js ^18.18.0 || ^20.0.0 和 Git
-
克隆代码
git clone git@github.com:zhangyao1990/elegant-admin.git
- 安装依赖
pnpm i
- 运行
pnpm run dev
- 打包
#测试环境
pnpm build:test
#预发环境
pnpm build:pre
#正式环境
pnpm build:pro
本地开发推荐使用 Chrome
浏览器
更详细的浏览器兼容性支持请看 Vue 支持哪些浏览器? 和 Vite 浏览器兼容性
IE |
Edge |
Firefox |
Chrome |
Safari |
---|---|---|---|---|
不支持 | 最后两个版本 | 最后两个版本 | 最后两个版本 | 最后两个版本 |
完全免费开源
MIT © 2024-present, elegant-admin
点击链接加入 qq 群聊
非常感谢留下星星的好心人,感谢您的支持 ❤️