[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8953":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":23,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":16,"starSnapshotCount":16,"syncStatus":18,"lastSyncTime":33,"discoverSource":34},8953,"vue-bag-admin","hangjob\u002Fvue-bag-admin","hangjob","Vue-Bag-Admin采用Vue3、Vite5、Naive UI、JavaScript、Pinia等等前端最新的技术栈开发，通过npm包引入，它允许开发者在不修改原代码基础上扩展新的功能，使得应用更加模块化和易于维护，一款清新好看的响应式中后台管理系统","https:\u002F\u002Fvite.itnavs.com\u002F",null,"Vue",1318,212,12,15,0,1,2,4,19.99,false,"main",true,[25,26,27,28,29],"naive-ui","pinia","vite5","vue-router4","vue3","2026-06-12 02:02:00","\u003Cp align=\"center\">\n\u003Cimg src=\"https:\u002F\u002Fvite.itnavs.com\u002Fdoc\u002Flogo-min.png\" height=\"160\" \u002F>\n\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">Vue-Bag-Admin\u003C\u002Fh1>\n\n\u003Cp align=\"center\">一款\u003Cb>开箱即用\u003C\u002Fb>的 Vue 中后台管理系统框架，旨在让开发者能够以最小的成本完成开发,\n你可以将它应用在任何需要的管理系统中\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fvite.itnavs.com\u002F\" target=\"_blank\">官网\u003C\u002Fa>\n    \u003Cspan> | \u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fvite.itnavs.com\u002Fadmin\u002F\" target=\"_blank\">管理端\u003C\u002Fa>\n    \u003Cspan> | \u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fvite.itnavs.com\u002Fdoc\u002F\" target=\"_blank\">开发文档\u003C\u002Fa>\n\u003Cp>\n\n\u003Cp align=\"center\">\n    \u003Cspan>应用产品\u003C\u002Fspan>\n    \u003Cspan> | \u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fwww.vipbic.com\u002F\" target=\"_blank\">羊先生博客\u003C\u002Fa>\n    \u003Cspan> | \u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fwww.itnavs.com\u002F\" target=\"_blank\">全栈导航\u003C\u002Fa>\n    \u003Cspan> | \u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fwww.haiwb.com\u002F\" target=\"_blank\">海栈-工具网\u003C\u002Fa>\n    \u003Cspan> | \u003C\u002Fspan>\n\u003Cp>\n\u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Flife.itnavs.com\u002F\" target=\"_blank\">一个热爱生活的文艺青年-羊先生\u003C\u002Fa>\n\u003C\u002Fp>\n\n## 技术选型\n\nVue-Bag-Admin 采用 Vue3 、Vite5 、Naive UI 、JavaScript 、Pinia 等等前端最新的技术栈开发，通过 npm 包引入，它允许开发者在不修改原代码基础上扩展新的功能，使得应用更加模块化和易于维护，一款清新好看的响应式中后台管理系统\n\n## 特点\n\n#### 响应式开发\n\n样式基于tailwindcss开发，自动适配PC端、移动端，增强网站的响应式设计，提高网站的可用性，提供多种不同风格的皮肤，页面美观，减少开发成本和维护工作\n\n#### 方便易用\n\n通过npm命令安装引入主程序包开发，也可以通过下载源码进行二次开发，框架(packages)和应用(app)分开，即可以减少项目之间的耦合，也能提升项目扩展性\n\n#### 社区强大\n\n采用市面主流技术Vue3、Vite5、Naive-ui、Pinia 、Strapi5、MySQL等等，不用担心自己业务所受框架有限的瓶颈， 完全免费，且可商用\n\n#### API服务\n\nNode.js提供的Strapi框架，一个开源的无头CMS，开发者可以自由喜欢的开发工具和框架，自由定义定制API，并可使用GraphQL作为API的查询语言，颗粒度权限拦截和认证\n\n#### 功能齐全\n\n权限管理、多语言、页面缓存、主题切换、路由动画、布局风格、动态路由、状态管理、微前端，请求封装、以及 20 个多个页面模板等等，旨在让开发者能够以最小的成本开发中后台系统，降低开发量\n#### 插件式开发\n\n框架使用的方式属于插件式开发，它允许开发者在不修改原有代码基础上扩展功能、增加新的处理逻辑，使得应用更加模块化和易于维护。这种模式特别适用于那些需要高度可扩展性和可定制性的应用程序\n\n## 安装\n\n```bash\npnpm i vue-bag-admin --save\n```\n\n## 快速开始\n\n```javascript\nimport install from \"vue-bag-admin\"\n\nconst {app} = install()\napp.mount('#app')\n```\n\n## 源码开发\n\n- `main`为最新分支，包含所有源代码，前端和后端程序\n- `v4` 为上一个版本分支，包含所有源代码，前端和后端程序(停止维护)\n\n## 图片预览\n\n### iPad端\n\n![ipad.jpg](https:\u002F\u002Fs2.loli.net\u002F2024\u002F11\u002F05\u002FOFeXHQLdmwnKp3y.jpg)\n\n### PC端\n\n![pc.jpg](https:\u002F\u002Fs2.loli.net\u002F2024\u002F11\u002F05\u002F1RhviTFnY23SgJt.jpg)\n\n### Mobile端\n\n![phone.jpg](https:\u002F\u002Fs2.loli.net\u002F2024\u002F11\u002F05\u002FcZPCHn2ey84kV5N.jpg)\n\n### 适用人群\n\n正在以及想使用框架快速中后台系统，熟悉Vue使用它开发过几个实际项目，热爱技术，爱学习，想进阶和提升的同学\n\n### 技术交流\n\n加入我们一起交流技术，一起进步，一起成长\n\n![技术交流](.\u002Fweixin.jpg)\n\n### 版权信息\n\n免费开源免费，遵循MIT开源协议，意味着您无需支付任何费用，也无需授权，即可将它应用到您的产品中。\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","Vue-Bag-Admin 是一款基于 Vue3、Vite5、Naive UI 和 Pinia 等最新前端技术栈开发的响应式中后台管理系统。其核心功能包括权限管理、多语言支持、页面缓存、主题切换、动态路由等，旨在通过模块化设计和插件式开发模式，使应用更加灵活和易于维护。该系统适用于需要快速搭建美观且功能齐全的中后台管理界面的场景，特别适合对 Vue 框架有一定了解并希望以较低成本完成项目的开发者使用。","2026-06-11 03:20:32","top_language"]