# elegant-admin

**Repository Path**: git.zhangyao_ping.net/elegant-admin

## Basic Information

- **Project Name**: elegant-admin
- **Description**: `vue3.x`，`typeScript`， `vite`,`pinia`,`element-Plus` 搭建一套一款优雅的管理系统模版
- **Primary Language**: CSS
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 17
- **Forks**: 9
- **Created**: 2024-05-07
- **Last Updated**: 2025-04-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<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 git@github.com: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:

[![Stargazers repo roster for @zhangyao1990/elegant-admin](https://bytecrank.com/nastyox/reporoster/php/stargazersSVG.php?user=zhangyao1990&repo=elegant-admin)](https://github.com/zhangyao1990/elegant-admin/stargazers)