Grow Admin 是什么？ ​

Grow Admin 是一个基于 Vue 3 / Vite / TypeScript 的 Monorepo 管理后台框架。它采用 IOC 模块化架构，并通过组件驱动桥接层支持在 Element Plus、Naive UI、Ant Design Vue 三套 UI 组件库之间切换，业务代码无需感知底层实现。

核心特性 ​

• IOC 模块化：基于 Inversify 的依赖注入，业务模块以 Library 形式独立开发、按需装配
• 组件驱动桥接：Grow* 契约组件 + 驱动包，一套业务代码适配三套 UI 库
• Monorepo 分层：DesignRock（框架核心）与 DesignCornerstone（业务模块）职责清晰
• 动态路由与菜单：静态基础路由 + 接口驱动动态注册，目录与叶子节点职责分离
• 开箱即用：内置路由中间件、HTTP 基础设施、国际化、状态管理、主题与布局配置
• 宿主应用模式：sample 作为宿主，统一完成驱动初始化与模块装配

与其他 Admin 框架有什么不同？ ​

传统 Admin 框架通常将业务代码、组件封装、工具函数全部堆叠在单一应用中，模块之间耦合紧密，难以独立演进。

Grow Admin 打破了这一结构，围绕 可组合、可替换、可演进 设计。

技术栈 ​

• Vue 3
• Vite
• TypeScript
• Inversify（IOC 容器）
• Pinia（状态管理）
• Vue Router 4
• UnoCSS（原子化 CSS）
• Element Plus / Naive UI / Ant Design Vue（通过驱动层切换）

仓库地址 ​

• GitHub：https://github.com/ZhQuella/grow_admin
• 在线演示：https://demo.gadmin.top/

推荐阅读顺序 ​

文档按左侧菜单从 入门 → 架构 → 组件库 → 开发 → 规范 → 包说明 排列，建议按序阅读：

1. 快速上手 — 先跑起来
2. 架构 — 懂目录、模块装配、路由菜单
3. 组件库 — 写页面用 Grow* 组件，按需换 UI 库
4. 开发指南 — 配项目、主题、登录、请求、写业务模块
5. 开发规范 — 上线前对照检查
6. 包说明 — 查某个 npm 包是干什么的

文档导航 ​

入门 ​

架构 ​

组件库 ​

开发指南 ​

规范与约定 ​

包说明 ​