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. 配置与主题 — 改项目名、主题色、语言
4. 认证与权限 — 登录、守卫、权限模式
5. 网络与数据 — 请求封装与 Mock
6. 组件文档 — 组件库基础、SearchBar / ColumnBar 等具体用法
7. 低代码集成 — 低代码工具链、代码沙箱与各设计器入口
8. 系统管理 — 组织、人员、账号、角色、菜单与权限配置
9. 业务开发 — 新建 Cornerstone 包
10. 开发规范 — 上线前对照检查
11. 包说明 — 查某个 npm 包是干什么的

文档导航 ​

入门 ​

架构 ​

配置与主题 ​

认证与权限 ​

网络与数据 ​

组件文档 ​

系统管理 ​

业务开发 ​

规范与约定 ​

包说明 ​