wit-admin-react

介绍

react, antd, vite

特性

后端使用wit-admin-go，需搭配使用。

• ⚡️ React - v18.2.x
• ⚡️ Vite - v4.4.x
• ⚡️ Ant Design - v5.8.x
• ⚡️ ProComponents - 2.6.x
• ⚡ React-Router - v6
• Redux - v4
• 💪 Typescript - 当然！必不可少
• 🔥 Axios 配置和封装 - 基于 Promise 的 HTTP 请求库

已配置

UI 框架

• Windi CSS (按需的 TailwindCSS) - 更轻，更快和和一系列额外的特性!
• Windi CSS Typography
• ⚡️ Ant Design - v5.8.x
• ⚡️ ProComponents - 2.6.x

Icons

推荐使用内置图标，300个图标。路由菜单配置请使用内置图标

• 🔍Icônes - 使用任意的图标集
• unplugin-icons - 自动按需引入你所需要的图标！

import { WitIcon } from '@/components/Icon';
// icon type string 格式 icon = 'icon-user'为样式class类名
<WitIcon type={icon} />

Gitee 模板

使用这个模板创建仓库.

克隆到本地

git clone https://gitee.com/taiping520/wit-admin-react.git my-vitecamp-theme
cd my-vitecamp-theme
pnpm i

然后，你就可以享受编写代码的乐趣了 :)

安装教程

1. pnpm install 安装依赖

使用说明

1. npm run dev 运行
2. npm run genapi 获取后端接口
3. npm run 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 贡献提交规范

• feat 新功能
• fix 修补 bug
• docs 文档
• style 格式、样式(不影响代码运行的变动)
• refactor 重构(即不是新增功能，也不是修改 BUG 的代码)
• perf 优化相关，比如提升性能、体验
• test 添加测试
• build 编译相关的修改，对项目构建或者依赖的改动
• ci 持续集成修改
• chore 构建过程或辅助工具的变动
• revert 回滚到上一个版本
• workflow 工作流改进
• mod 不确定分类的修改
• wip 开发中
• types 类型

特技