Skip to content
/ react-app-template Public template

React App Template 是一个免费开源的React中后台管理系统模板,基于 React18、React Router V6、TypeScript、Ant Design、Tailwind CSS 和 Vite 等主流技术

License

Notifications You must be signed in to change notification settings

Gzbox/react-app-template

Repository files navigation

React App Template

⚡ 简介

React App Template 是一个免费开源的React中后台管理系统模板,基于 React18React Router V6TypeScriptAnt DesignTailwind CSSVite 等主流技术

特性

  • React:采用 React Hooks 函数组件
  • Ant DesignAnt Design 可能是国内最好的React UI 组件
  • Vite:真的很快
  • React Routerreact-router-dom v6 路由
  • TypeScript:JavaScript 语言的超集
  • PNPM:更快速的,节省磁盘空间的包管理工具
  • ESlint:代码校验
  • Prettier:代码格式化
  • Axios:发送网络请求(已封装好)
  • Tailwind CSS:具有高性能且极具灵活性的即时原子化 CSS 引擎

🚀 开发

# 配置
1. node 版本 18.x 或 20+
2. pnpm 版本 8.x 或最新版

# 克隆项目
git clone https://github.com/Gzbox/react-app-template.git

# 进入项目目录
cd react-app-template

# 安装依赖
pnpm i

# 启动服务
pnpm dev

✔️ 预览

pnpm preview

📦️ 打包

pnpm build

🔧 代码检查

# 代码格式化
pnpm lint && pnpm format

项目预览图

preview1.png preview2.png

Git 提交规范参考

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

📄 License

MIT

Copyright (c) 2018-present Gzbox

About

React App Template 是一个免费开源的React中后台管理系统模板,基于 React18、React Router V6、TypeScript、Ant Design、Tailwind CSS 和 Vite 等主流技术

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published