# evil-admin

**Repository Path**: star_zhang2022/evil-admin

## Basic Information

- **Project Name**: evil-admin
- **Description**: 使用Vue3.2+vite3+Pinia+Naive+UnoCss 的 后台管理端模板
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 6
- **Created**: 2025-01-18
- **Last Updated**: 2025-01-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
<img alt="VbenAdmin Logo" width="200" height="200" src="http://rcinv9eb1.hb-bkt.clouddn.com/images/favicon.svg">
<h1>Evil-Admin</h1>
</div>

**欢迎大佬们指导教育 我的个人邮箱 :m15754857315@163.com**


## 整合服务端
按需自取,项目内自带mock,也可与该服务配合使用

[evil-server(与其配合的服务端-koa2+nodejs+mongodb)](https://gitee.com/yangtaowei/evil-server)

## 简介

Evil-Admin 是一个开源的后台模版。使用了最新的`vue3`,`vite2`,`JavaScript`,`UnoCss`,`Naive Ui`,等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。(由于对`TypeScript`了解还不够透彻,暂使用`JavaScript`开发)


## 答谢

- **感谢** [Naive Admin Pro](https://www.naiveadmin.com/home) 提供的1.0版开源框架
本项目基于其底层开发, 部分难点参考其中的解决方案

- **感谢** [稀土掘金](https://juejin.cn/) 提供的丰富的技术支持
  本项目部分疑难问题和部分难点以及部分自定义指令参考其中的优秀博主提供的内容


## 预览

- [evil-admin](http://yangtaowei.gitee.io/evil-admin)
## 特性

- **最新技术栈** 使用 Vue3/vite2/Naive Ui/UnoCss 等前端前沿技术开发
- **Mock 数据** 内置 Mock 数据方案
- **权限** 内置完善的动态路由权限生成方案
- **组件** 二次封装了多个常用的组件
- **易读** 由于是一个基础类的vue3框架,剔除了非常多的冗余功能,保留了最基础的功能
- **原子化Css** 最新的原子化Css技术 UnoCss

## 准备

- [node](http://nodejs.org/) 和 [git](https://git-scm.com/) -项目开发环境
- [Vite](https://vitejs.dev/) - 熟悉 vite 特性
- [Vue3](https://staging-cn.vuejs.org/) - 熟悉 Vue3 基础语法
- [Es6+](http://es6.ruanyifeng.com/) - 熟悉 es6 基本语法
- [Vue-Router-Next](https://next.router.vuejs.org/) - 熟悉 vue-router 基本使用
- [NaiveUi](https://www.naiveui.com/) - naive ui 基本使用
- [Mock.js](https://github.com/nuysoft/Mock) - mockjs 基本语法
- [vxe-table](https://vxetable.cn/) - vxe-table 基本语法
- [UnoCss](https://uno.antfu.me/) - UnoCss 文档
- [UnoCss](https://antfu.me/posts/reimagine-atomic-css-zh) - 了解什么是UnoCss


## 安装使用

- 获取项目代码

```bash
git clone https://gitee.com/yangtaowei/evil-admin.git
```

- 安装依赖

```bash
cd evil-admin

npm install

```

- 运行

```bash
npm run dev
```

- 打包

```bash
npm run build
```

## 浏览器支持

本地开发推荐使用`Chrome 80+` 浏览器

支持现代浏览器, 不支持 IE


---------------------------

提交注释:

{ value: "feat", name: "特性:🚀  新增功能", emoji: "🚀" }

{ value: "fix", name: "修复:🧩  修复缺陷", emoji: "🧩" }

{ value: "docs", name: "文档:📚  文档变更", emoji: "📚" }

{ value: "style", name: "格式:🎨  代码格式（不影响功能，例如空格、分号等格式修正）", emoji: "🎨" }

{ value: "refactor", name: "重构:♻️  代码重构（不包括 bug 修复、功能新增）", emoji: "♻️" }

{ value: "perf", name: "性能: ⚡️  性能优化", emoji: "⚡️" }

{ value: "test", name: "测试:✅  添加疏漏测试或已有测试改动", emoji: "✅" }

{ value: "build", name: "构建:📦️  构建流程、外部依赖变更（如升级 npm 包、修改 webpack 配置等）", emoji: "📦️" }

{ value: "ci", name: "集成:🎡  修改 CI 配置、脚本", emoji: "🎡" }

{ value: "chore", name: "回退:⏪️  回滚 commit", emoji: "⏪️" }

{ value: "revert", name: "其他:🔨  对构建过程或辅助工具和库的更改（不影响源文件、测试用例）", emoji: "🔨" }

{ value: "wip", name: "开发:🕔  正在开发中", emoji: "🕔" }

{ value: "workflow", name: "工作流:📋  工作流程改进", emoji: "📋" }

{ value: "types", name: "类型:🔰  类型定义文件修改", emoji: "🔰" }