elegant-admin
<div align="center"> <img src="./public/favicon.svg" width="160" /> <h1>Elegant Admin</h1> </div> > [!NOTE] > 如果您觉得 `ElegantAdmin`对您有所帮助，或者您喜欢这个项目，请在 GitHub 上给一个 ⭐️。您的支持是我们持续改进和增加新功能的动力！感谢您的支持！ ## 简介 [Elegant Admin](https://github.com/zhangyao1990/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 封装的表格组件、表格查询组件 ## 预览 - [elegant-admin](https://zhangyao1990.github.io/elegant-admin/#/login) ## 配套文档(进行中) [点我查看 elegant-admin 文档](https://zhangyao1990.github.io/elegant-admin-docs) ## 代码仓库 - [github](https://github.com/zhangyao1990/elegant-admin) ## 更新日志 [CHANGELOG](./CHANGELOG.md) ## 安装使用 - 环境配置 **本地环境需要安装 pnpm 8.x 、Node.js ^18.18.0 || ^20.0.0 和 Git** - 克隆代码 ```bash git clone [email protected]:zhangyao1990/elegant-admin.git ``` - 安装依赖 ```bash pnpm i ``` - 运行 ```bash pnpm run dev ``` - 打包 ```bash #测试环境 pnpm build:test #预发环境 pnpm build:pre #正式环境 pnpm build:pro ``` ## 浏览器支持 本地开发推荐使用 `Chrome` 浏览器 更详细的浏览器兼容性支持请看 [Vue 支持哪些浏览器？](https://cn.vuejs.org/about/faq.html#what-browsers-does-vue-support) 和 [Vite 浏览器兼容性](https://cn.vitejs.dev/guide/build#browser-compatibility) | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | | 不支持 | 最后两个版本 | 最后两个版本 | 最后两个版本 | 最后两个版本 | ## 许可证 完全免费开源 [MIT © 2024-present, elegant-admin](./LICENSE) ## 交流 点击链接加入 qq 群聊 - [【elegant-admin 交流群：739050558】](https://qm.qq.com/q/JZMx7dJka) ## `Star` 非常感谢留下星星的好心人，感谢您的支持 :heart: [](https://github.com/zhangyao1990/elegant-admin/stargazers)