Awesome
<p align="center">
<a href="https://strivelen.github.io/fine-admin/">
<img width="88" src="https://strivelen.github.io/fine-admin/logo128.png">
</a>
</p>
<h1 align="center">React Fine Admin</h1>
<div align="center">中后台管理系统通用模板</div>
<div align="center">
<br />
<img alt="node" src="https://img.shields.io/badge/Node-%3E%3D16.x-green">
<img alt="pnpm" src="https://img.shields.io/badge/pnpm-v7.14.0-blue">
<img alt="antd" src="https://img.shields.io/badge/antd-v5.x-brightgreen" />
<img alt="antd" src="https://img.shields.io/badge/pro--components-^2.3.35-1890ff" />
<img alt="antd" src="https://img.shields.io/badge/react--router--rom-v6.x-brightgreen" />
<img alt="RTK" src="https://img.shields.io/static/v1?label=&message=redux toolkit&color=blueviolet"/>
<img alt="RTK" src="https://img.shields.io/static/v1?label=&message=ahooks&color=yellow"/>
<img alt="RTK" src="https://img.shields.io/static/v1?label=&message=axios&color=informational"/>
<img alt="GitHub all releases" src="https://img.shields.io/github/downloads/strivelen/fine-admin/total">
</div>
<p align="center">
<a href="https://strivelen.github.io/fine-admin/">在线演示</a>
|
<a href="https://strivelen.github.io/fine-admin-docs/">在线文档</a>
</p>
✨ 特性
- 🔨 完善的基础设施建设，省去大量非业务编码时间。
- 🌈 采用 Ant Design 为您提供企业级中后台产品的交互语言和视觉风格。
- 📦 开箱即用的高质量内置组件大幅提升开发效率。
- 💥 基于 Vite 构建，可*快速启动开发*。
- 🛡 使用 TypeScript 开发，提供完整的类型定义。
- 👍 强大的 redux-toolkit 让您可以专注于应用所需的核心逻辑。
- 🌏 使用 axios 搭配 ahooks 中的
useRequest 进行网络请求。
- 🔌 同时支持 约定式路由 和 配置化路由。
- 🖥 提供默认
Layout 组件，且支持同时使用多个 Layout 布局组件，默认 Layout 可自由扩展。
- ☀ 支持 亮/暗 主题，且提供多个主色调可任意切换。
📦 快速开始
npx degit github:strivelen/fine-admin my-project
cd my-project
pnpm install
pnpm run dev