# admin-element-vue

**Repository Path**: lqsong/admin-element-vue

## Basic Information

- **Project Name**: admin-element-vue
- **Description**: Vue3.x + Element-ui Admin template（vite/webpack）
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: vite.ts2
- **Homepage**: http://admin-element-vue.liqingsong.cc/
- **GVP Project**: No

## Statistics

- **Stars**: 224
- **Forks**: 66
- **Created**: 2020-01-21
- **Last Updated**: 2025-04-09

## Categories & Tags

**Categories**: backend

**Tags**: Vue, vue3, element-plus, TypeScript, Pinia

## README

# admin-element-vue-vite-ts2

此分支是 Vite + Vue3.x + Pinia + Element Plus 版本 ， 其他版本请点击其他分支查看。

`admin-element-vue-vite-ts2` 是一个后台前端解决方案，它基于[Frame-Template-Vue](http://frame-template-vue.liqingsong.cc/)框架 、[Element Plus](https://github.com/element-plus/element-plus) UI 组件实现。它使用了最新的前端技术栈、动态路由、权限验证、国际化、Mock 数据等。

## Demo

**注意：Demo 用的是在线 mock 服务，不稳定，若在线登录不了 pull 到本地可直接运行查看 demo**

| **[Demo（点击此处）](http://vitets2-demo.admin-element-vue.liqingsong.cc/)** |
:-------------------------:
| ![Home](http://admin-element-vue.liqingsong.cc/vitets2/images/demo/1.jpg) |
| ![Home](http://admin-element-vue.liqingsong.cc/vitets2/images/demo/1-white.jpg) |
| ![Home](http://admin-element-vue.liqingsong.cc/vitets2/images/demo/2.jpg) |
| ![Home](http://admin-element-vue.liqingsong.cc/vitets2/images/demo/2-white.jpg) |
| ![Home](http://admin-element-vue.liqingsong.cc/vitets2/images/demo/3-1.jpg) |
| ![Home](http://admin-element-vue.liqingsong.cc/vitets2/images/demo/3-2.jpg) |

## 使用文档

- [http://admin-element-vue.liqingsong.cc/vitets2/](http://admin-element-vue.liqingsong.cc/vitets2/)
- [Github](https://github.com/lqsong/admin-element-vue)
- [Gitee](https://gitee.com/lqsong/admin-element-vue)

## 框架模板

- frame-template-vue（[GitHub](https://github.com/lqsong/frame-template-vue)、[Gitee](https://gitee.com/lqsong/frame-template-vue)）

## 后台前端解决方案列表

- admin-element-vue（[GitHub](https://github.com/lqsong/admin-element-vue)、[Gitee](https://gitee.com/lqsong/admin-element-vue)）
- admin-antd-vue（[GitHub](https://github.com/lqsong/admin-antd-vue)、[Gitee](https://gitee.com/lqsong/admin-antd-vue)）
- admin-antd-react（[GitHub](https://github.com/lqsong/admin-antd-react)、[Gitee](https://gitee.com/lqsong/admin-antd-react)）
- electron-admin-element-vue（[GitHub](https://github.com/lqsong/electron-admin-element-vue)、[Gitee](https://gitee.com/lqsong/electron-admin-element-vue)）
- electron-admin-antd-vue（[GitHub](https://github.com/lqsong/electron-admin-antd-vue)、[Gitee](https://gitee.com/lqsong/electron-admin-antd-vue)）
- electron-admin-antd-react（[GitHub](https://github.com/lqsong/electron-admin-antd-react)、[Gitee](https://gitee.com/lqsong/electron-admin-antd-react)）
- admin-vue3-micro-qiankun（[GitHub](https://github.com/lqsong/admin-vue3-micro-qiankun)、[Gitee](https://gitee.com/lqsong/admin-vue3-micro-qiankun)）

## 前台前端解决方案列表

- template-vant-vue（[GitHub](https://github.com/lqsong/template-vant-vue)、[Gitee](https://gitee.com/lqsong/template-vant-vue)）

## 前台前端 SSR 解决方案列表

- midway-vue3-ssr（[GitHub](https://github.com/lqsong/midway-vue3-ssr)、[Gitee](https://gitee.com/lqsong/midway-vue3-ssr)）
- midway-react-ssr（[GitHub](https://github.com/lqsong/midway-react-ssr)、[Gitee](https://gitee.com/lqsong/midway-react-ssr)）

## 快速入门

> 请使用 pnpm , **[pnpm 的安装与使用](http://liqingsong.cc/article/detail/26)** 。

### 本地开发

```bash
$ pnpm i
$ pnpm dev
```

## 捐赠

如果你觉得这个项目帮助到了你，请帮助点击 Star，你也可以请作者喝咖啡表示鼓励.

|                                        **ALIPAY**                                         |                                        **WECHAT**                                         |
| :---------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------: |
| ![Alipay](http://uploads.liqingsong.cc/20210430/f62d2436-8d92-407d-977f-35f1e4b891fc.png) | ![Wechat](http://uploads.liqingsong.cc/20210430/3e24efa9-8e79-4606-9bd9-8215ce1235ac.png) |