KOI-UI🌻
一款开箱即用的 Vue3 中后台管理系统框架[纯前端]
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、快速开始
# 若未配置pnpm,请先下载并配置镜像
npm install pnpm -g --registry=https://registry.npmmirror.com
# 下载依赖
pnpm install
# 启动
pnpm run dev
7、打包发布
# 构建环境
pnpm build
# 生产环境
pnpm build:prod
Languages
Vue
73.7%
TypeScript
22.2%
JavaScript
1.5%
SCSS
1.5%
HTML
1.1%