作为Vue爱好者如何转战React,从这款开源项目开始基于 React18,TypeScript,vite4,antd4.x等技术开箱即用的中后台管理解决方案
⚡ 简介
React mu admin, 基于 React18
,TypeScript
,vite4
,antd4.x
等相关主流技术开发,一个免费开源的中后台管理系统开箱即用的前端解决方案,也可适用于学习React
时进行参考或练手的项目。
🌈 特性
- 主题切换:普通、暗黑主题模式
- Mock 数据: 内置 Mock 数据方案
- 用户管理:登录、登出演示、账号管理
- 权限管理:路由权限(动态路由)、组件权限(按钮)
- 组件: 二次封装常用组件(空状态、表格、表单、弹窗、上传文件、水印)等
- 错误页面: 403、404 页面
- 多代理配置:开发环境(development)配置多个本地代理
- 其他内置功能:伸缩侧边栏、面包屑、全屏等
📚 预览
- react-mu-admin - 预览站点
⭐ 仓库地址
- github.com/haojiey/rea…:- GitHub 仓库,⭐ 欢迎 Star,感谢支持
🔨 安装
- 克隆项目
git clone https://github.com/haojiey/react-mu-admin.git
- 安装依赖
cd react-mu-admin
cnpm install
yarn install
//安装失败,请升级 nodejs 到 16 以上
- 运行项目
npm run start
yarn start
- 打包项目
npm run build
yarn build
🌈 线上接口
本地采用 Mock 数据,线上采用 EasyMock:
- EasyMock:mock.mengxuegu.com/
🔨 Git 提交规范
feat
增加新的功能fix
修复 BUGperf
优化功能style
代码风格调整不影响运行结果的refactor
重构代码revert
撤销修改test
测试相关docs
文档和注释相关chore
依赖更新/脚手架配置修改等workflow
工作流改进ci
持续集成types
类型定义文件更改wip
开发中
📑 浏览器支持
![]() | ![]() | ![]() | ![]() |
---|---|---|---|
last 2 versions | last 2 versions | last 2 versions | last 2 versions |
结语
作者为一名Vue
的爱好者,在转战React
时写的项目。
没有复杂的业务逻辑,大多为通用的几个模版,适合开箱即用,也适合学习React
时拿来练手
如果这个项目对您有一点点的帮助,请给个star👍👍👍
转载自:https://juejin.cn/post/7232114846303731771