作为 Vue 爱好者如何转战 React，从这款开源项目开始基于 React18,TypeScript,vite4,antd4.x 等技术开箱即用的中后台管理解决方案

⚡ 简介

React mu admin， 基于 React18,TypeScript,vite4,antd4.x等相关主流技术开发，一个免费开源的中后台管理系统开箱即用的前端解决方案，也可适用于学习React时进行参考或练手的项目。

🌈 特性

• 主题切换：普通、暗黑主题模式

• Mock 数据： 内置 Mock 数据方案

• 用户管理：登录、登出演示、账号管理

• 权限管理：路由权限（动态路由）、组件权限（按钮）

• 组件： 二次封装常用组件（空状态、表格、表单、弹窗、上传文件、水印）等

• 错误页面: 403、404 页面

• 多代理配置：开发环境（development）配置多个本地代理

• 其他内置功能：伸缩侧边栏、面包屑、全屏等

📚 预览

• react-mu-admin - 预览站点

⭐ 仓库地址

• https://github.com/haojiey/react-mu-admin：- GitHub 仓库，⭐ 欢迎 Star，感谢支持

🔨 安装

• 克隆项目

git clone https://github.com/haojiey/react-mu-admin.git

• 安装依赖

cd react-mu-admin
cnpm installyarn install//安装失败，请升级 nodejs 到 16 以上

• 运行项目

npm run startyarn start

• 打包项目

npm run buildyarn build

🌈 线上接口

本地采用 Mock 数据，线上采用 EasyMock：

• EasyMock：https://mock.mengxuegu.com/

🔨 Git 提交规范

• feat 增加新的功能

• fix 修复 BUG

• perf 优化功能

• style 代码风格调整不影响运行结果的

• refactor 重构代码

• revert 撤销修改

• test 测试相关

• docs 文档和注释相关

• chore 依赖更新/脚手架配置修改等

• workflow 工作流改进

• ci 持续集成

• types 类型定义文件更改

• wip 开发中

📑 浏览器支持

结语

作者为一名Vue的爱好者，在转战React时写的项目。

没有复杂的业务逻辑，大多为通用的几个模版，适合开箱即用，也适合学习React时拿来练手

如果这个项目对您有一点点的帮助，请给个 star👍👍👍

⭐ 仓库地址

• https://github.com/haojiey/react-mu-admin：- GitHub 仓库，⭐ 欢迎 Star，感谢支持