43 lines
1.6 KiB
Markdown
43 lines
1.6 KiB
Markdown
|
|
|||
|
|
<h1 align="center">KOI-UI🌻</h1>
|
|||
|
|
|
|||
|
|
<p align="center">一款<b>开箱即用</b>的 Vue3 中后台管理系统框架[纯前端]</p>
|
|||
|
|
|
|||
|
|
## 2、特点
|
|||
|
|
|
|||
|
|
- 🎯 使用 Element Plus + Vite + Vue3 + TypeScript + Uncoss + Pinia 等主流技术。
|
|||
|
|
- 🍊 多种布局和丰富的主题适配移动端、IPad和PC端。
|
|||
|
|
- 🐼 内置权限管理页面，进行二次开发可直接对接后端接口即可。
|
|||
|
|
- 🌸 集成登陆、注销及权限验证。
|
|||
|
|
- 🎃 封装按钮和Input框的防抖、限流和背景水印以及左侧无限递归菜单。
|
|||
|
|
- 🍀 集成 `pinia`，vuex 的替代方案，轻量、简单、易用，并且配置pinia持久化插件。
|
|||
|
|
- 😍 二次封装Dialog对话框、Drawer抽屉、Notification通知、Message消息提示和Popconfirm确认框，操作更加方便快捷。
|
|||
|
|
- 🍓 二次封装axios，方便接口更好的统一管理。
|
|||
|
|
- 🌍 集成Echarts图表。
|
|||
|
|
- 🌈 集成 `unocss`，antfu 开源的原子 css 解决方案，非常轻量。
|
|||
|
|
- 🐟 集成多环境配置，dev、测试、生产环境。
|
|||
|
|
- 🌼 集成 `eslint + prettier`，代码约束和格式化统一。
|
|||
|
|
- 🌻 集成 `stylelint`，代码约束scss、less、css规范化。
|
|||
|
|
- 👻 集成 `mock` 接口服务。
|
|||
|
|
- 🏡 集成 `iconify` 图标，支持自定义 svg 图标, 优雅使用icon。
|
|||
|
|
|
|||
|
|
## 6、快速开始
|
|||
|
|
|
|||
|
|
```properties
|
|||
|
|
# 若未配置pnpm，请先下载并配置镜像
|
|||
|
|
npm install pnpm -g --registry=https://registry.npmmirror.com
|
|||
|
|
# 下载依赖
|
|||
|
|
pnpm install
|
|||
|
|
# 启动
|
|||
|
|
pnpm run dev
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 7、打包发布
|
|||
|
|
|
|||
|
|
```properties
|
|||
|
|
# 构建环境
|
|||
|
|
pnpm build
|
|||
|
|
# 生产环境
|
|||
|
|
pnpm build:prod
|
|||
|
|
```
|