迭代了几个版本，终于觉的这次版本才是最终目标，一个开源管理系统

项目介绍

Vue-Bag-Admin 采用 Vue3 、Vite5 、Naive UI 、Javascript 、Pinia 等等前端最新的技术栈开发，通过 npm 包引入，它允许开发者在不修改原代码基础上扩展新的功能，使得应用更加模块化和易于维护，一款清新好看的响应式中后台管理系统

先预览下吧

ipad 端

PC 端

手机端

项目特点

响应式开发

样式基于 tailwindcss 开发，自动适配 PC 端、移动端，增强网站的响应式设计，提高网站的可用性，提供多种不同风格的皮肤，页面美观，减少开发成本和维护工作

方便易用

通过 npm 命令安装引入主程序包开发，也可以通过下载源码进行二次开发，框架(packages)和应用(app)分开，即可以减少项目之间的耦合，也能提升项目扩展性

社区强大

采用市面主流技术 Vue3 、Vite5 、Naive-ui 、Pinia 、Strapi5 、MySQL 等等，不用担心自己业务所受框架有限的瓶颈， 完全免费，且可商用

API 服务

Node.js 提供的 Strapi 框架，一个开源的无头 CMS ，开发者可以自由喜欢的开发工具和框架，自由定义定制 API ，并可使用 GraphQL 作为 API 的查询语言，颗粒度权限拦截和认证

功能齐全

权限管理、多语言、页面缓存、主题切换、路由动画、布局风格、动态路由、状态管理、微前端，请求封装、以及 20 个多个页面模板等等，旨在让开发者能够以最小的成本开发中后台系统，降低开发量

插件式开发

框架使用的方式属于插件式开发，它允许开发者在不修改原有代码基础上扩展功能、增加新的处理逻辑，使得应用更加模块化和易于维护。这种模式特别适用于那些需要高度可扩展性和可定制性的应用程序

安装

pnpm i vue-bag-admin --save 

快速开发

import install from "vue-bag-admin" const {app} = install() app.mount('#app') 

源码

快速直达、 在线预览