SkyrocAdmin 是一个与时俱进、功能强大、架构优雅的企业级中后台管理模板。
为什么选择 SkyrocAdmin？
- 🎯 与时俱进: 采用 2025 年最新前端技术栈（React 19、Vite 6、TypeScript 5.7），紧跟技术潮流
- 💪 功能强大: 集成 TanStack Query、Redux Toolkit 等业界最佳实践，提供完整的企业级解决方案
- ✨ 架构优雅: 清晰的分层架构、模块化设计、完善的类型系统，代码质量堪称典范
- 📐 规范性强: 严格的代码规范、统一的项目结构、标准化的开发流程，适合团队协作
SkyrocAdmin 为您提供了一站式的后台管理解决方案，无需额外配置，开箱即用。同样也是一个快速学习前沿技术的最佳实践示例。
SkyrocAdmin 遵循 Ant Design 的设计理念，页面风格清新优雅、易于使用，相信您会喜欢它的页面布局与交互设计。
核心技术栈
- 🚀 React 19 - 最新的 React 版本，享受最前沿的特性
- 🛤️ React Router V7 - 强大的路由管理系统
- 📦 Redux Toolkit - 现代化的状态管理方案
- 🔄 TanStack Query (React Query) 5 - 强大的服务端状态管理方案
- 🎨 Ant Design 5.24 - 企业级 UI 组件库
- ⚡️ Vite 6 - 极速的开发构建工具
- 🎯 TypeScript 5.7 - 完善的类型系统
- 🌈 UnoCSS - 高性能的原子化 CSS 引擎
- 📦 pnpm monorepo - 高效的包管理方案
项目特点
- 💡 代码质量 - 代码规范严谨，架构清晰优雅，完善的 TypeScript 类型支持
- ⚡️ 开箱即用 - 无需复杂配置，快速启动项目开发
- 🛠️ 丰富组件 - 内置大量业务组件和主题配置选项
- 📋 约定式路由 - 自动化的文件路由系统，类似 Next.js 的开发体验
- 🔄 数据管理 - 集成 TanStack Query，优雅的服务端状态管理，自动缓存、重新验证
- 🏗️ 架构设计 - 分层清晰的 Service 层架构，URL、Keys、Hooks 分离，高度模块化
- 🎨 主题系统 - 支持暗黑模式、多主题色、布局配置等
- 🌍 国际化 - 完整的 i18n 方案，支持多语言切换
- 🔐 权限管理 - 基于角色的权限控制系统（RBAC）
- 📱 响应式设计 - 完美适配移动端和桌面端
- 🎯 乐观 UI - 自动错误捕获和友好的错误界面，支持组件级监控埋点
- 🔧 CLI 工具 - 内置命令行工具（Git 提交规范、代码清理、版本发布等）
- ⚙️ Keep-Alive - 页面缓存功能，提升用户体验
- 🎭 动画效果 - 基于 Motion 的流畅动画系统
版本信息
当前版本：v2.4.0
技术栈版本
| 技术 | 版本 | 说明 |
|---|---|---|
| React | 19.0.0 | 核心框架 |
| React Router | 7.2.0 | 路由管理 |
| Redux Toolkit | 2.5.1 | 状态管理 |
| TanStack Query | 5.90.8 | 数据获取和缓存 |
| Ant Design | 5.24.1 | UI 组件库 |
| Vite | 6.1.1 | 构建工具 |
| TypeScript | 5.7.3 | 类型系统 |
| UnoCSS | 66.0.0 | 原子化 CSS |
| Motion | 12.4.7 | 动画库 |
| pnpm | 10.4.1 | 包管理器 |
在线预览
文档
分支
master分支: 最新稳定版本,基于 React19 + ReactRouter V7 版本v1分支: 基于 React18 + ReactRouter V6 版本
有问题都是会进行修复,如果需要使用旧版本,请切换到对应分支。 v1 在未来3-5年依然会是市面上较为先进 功能强大的版本
需要掌握的基础知识
本项目基于 React 19、Redux/toolkit、React-Router V7、Vite、TypeScript 等技术。如果您在开发前能对以下内容有所了解，将极大提升项目的上手效率与理解深度：
浏览器支持
本地开发推荐使用 Chrome 100+ 及更高版本。 现代浏览器均受支持，不支持 IE。
 IE |  Edge |  Firefox |  Chrome |  Safari |
|---|---|---|---|---|
| 不支持 | 支持最新2个版本 | 支持最新2个版本 | 支持最新2个版本 | 支持最新2个版本 |
团队理念
- 欢迎各位小伙伴一起交流、讨论，彼此学习、共同进步。
- 项目采用 MIT 开源协议，永久免费使用，无需担忧版权问题。
- 任何关于功能扩展、Bug 修复、或文档纠正的贡献都十分欢迎，也鼓励你提交 PR，哪怕只是修正一个错别字。
如何加入我们
- 本项目处于持续更新中，期待更多伙伴的加入。
- 只要你对项目发展有想法和热情，并能积极提出建议或提交 PR，我们都会非常欢迎。
- 我们会根据你的活跃度和贡献度来邀请你加入项目核心团队，与我们一同打造更优秀的前端框架。
问题反馈
SkyrocAdmin 是完全开源免费的项目，在帮助开发者更方便地进行中大型管理系统开发，同时也提供微信和 QQ 交流群，使用问题欢迎在群内提问。
- 如果在使用中遇到任何问题，或者有改进建议，欢迎在 GitHub Issues 中进行反馈。
- 或直接添加下方微信加入讨论群：
QQ交流群
添加下面微信添加作者，邀请进微信群
微信群
祝福与展望
非常感谢你选择 skyroc-admin-react，愿它能在你的工作和学习中带来便利与收获。祝所有使用者在工作和生活中都能顺利进步、健康平安。欢迎大家积极参与、贡献代码，共同将 skyroc-admin-react 打造得更加完善与强大！
Last updated on