# Element-Admin

**Repository Path**: ideal-binary/Element-Admin

## Basic Information

- **Project Name**: Element-Admin
- **Description**: 基于 Vue3、TypeScript、Vite、Pinia、Element-Plus、Unocss 的一套后台管理框架。
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 14
- **Created**: 2025-05-09
- **Last Updated**: 2025-05-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 简介

ElementAdmin 是一个基于 Vue3、Vite、TypeScript、Unocss、Element plus、Pinia、VueUse 的后台模版，它使用了最新的前端技术栈，内置主题配置、动态菜单、权限校验等，基于 mock 实现的动态数据展示，可以当作开箱的模板，也可用于学习参考。

### 特性

- 使用 Vue3.3 Vite4 Pinia TypeScript 开发
- 支持 ElementPlus 暗黑模式、i18n 国际化
- 支持 VueRouter 动态权限路由、页面按钮权限、路由懒加载
- 使用 KeepAlive 对页面进行缓存
- 简单适配移动端展示
- 常用自定义指令开发（权限、复制、水印、节流、防抖）
- 使用 Prettier 统一格式化代码，集成 ESLint 代码校验规范
- 使用 husky、lint-staged、commitlint 规范提交信息

## 预览

- [预览](https://a1059784729.gitee.io/element-admin/)

## 代码仓库

- [gitee](https://gitee.com/A1059784729/Element-Admin)
- [github](https://github.com/KYX1234/Element-Admin)

## 项目解析
- [掘金](https://juejin.cn/user/444659755917560/posts)

## 项目示例图

- 登录：
  ![login](https://ooo.0x0.ooo/2023/09/07/OnNaor.png)

- 首页：
  ![home](https://ooo.0x0.ooo/2023/09/07/OnNMsc.png)

- 暗黑：
  ![dark](https://ooo.0x0.ooo/2023/09/07/OnNorM.png)

- 移动端：
  ![mobile](https://ooo.0x0.ooo/2023/09/07/OnNqGG.png)

## 安装使用

- 安装依赖

```bash
pnpm install
```

- 运行

```bash
pnpm dev
```

- 打包

```bash
pnpm build
```

## 更新日志

[更新日志](./CHANGELOG.md)