简介

Rapidify-react 是一个开源的, 基于 React18、Vite、 Arco Design、TypeScript 的前后台快速开发脚手架，它使用了最新的前端技术栈，并提炼了典型的业务模型，页面，包括二次封装组件、动态菜单、权限校验、粒子化权限控制、流程管理等功能, 它可以帮助你快速搭建前台后台项目。

特性

• 响应式、多主题，多配置，快速集成，开箱即用
• 基于 React、Typescript、Zustand、Vite 等前端前沿技术
• 集成富文本、Markdown、VisualTabel、在线 Excel
• 采用 TailwindCss 进行样式控制, 方便快捷
• 强大的鉴权系统，对路由、菜单、功能点等支持三种鉴权模式，满足不同的业务鉴权需求
• 移动端适配, 响应式布局
• 持续更新，实用性页面模板功能和交互，随意搭配组合，让构建页面变得简单化

文档

待完善

准备

• Node 和 git -项目开发环境
• Vite - 熟悉 vite 特性
• React - 熟悉 React 基础语法
• TypeScript - 熟悉TypeScript基本语法
• ES6+ - 熟悉 es6 基本语法
• Zustand - 熟悉 zustand 基本使用
• Mock.js - mockjs 基本语法

使用

方式 1:

• 安装 cli 工具

npm i rify-app -g

• 通过全局命令创建项目

rify-app

• 进入项目文件夹, 启动项目

cd [project_name]

pnpm install

pnpm dev

pnpm build

方式 2:

• 获取项目代码

git clone https://github.com/pomeluce/rapidify-react.git

• 安装依赖

cd rapidify-react

pnpm install

• 运行

pnpm dev

• 打包

pnpm build

如何贡献

非常欢迎你的加入！提一个 Issue 或者提交一个 Pull Request。

Pull Request:

1. Fork 代码!
2. 创建自己的分支: git checkout -b feat/xxxx
3. 提交你的修改: git commit -am 'feat(function): add xxxxx'
4. 推送您的分支: git push origin feat/xxxx
5. 提交pull request

Git 贡献提交规范

• 参考 规范文档 (Angular)

  • feat 增加新功能
  • fix 修复问题/BUG
  • style 代码风格相关无影响运行结果的
  • perf 优化/性能提升
  • refactor 重构
  • revert 撤销修改
  • test 测试相关
  • docs 文档/注释
  • chore 依赖更新/脚手架配置修改等
  • workflow 工作流改进
  • ci 持续集成
  • types 类型定义文件更改
  • wip 开发中

浏览器支持

本地开发推荐使用Chrome 80+ 浏览器

支持现代浏览器, 不支持 IE

IE	Edge	Firefox	Chrome	Safari
not support	last 2 versions	last 2 versions	last 2 versions	last 2 versions