# wit-admin-react

**Repository Path**: taiping520/wit-admin-react

## Basic Information

- **Project Name**: wit-admin-react
- **Description**: react, antd, vite
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-02-20
- **Last Updated**: 2023-08-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React, Ant-Design, vite

## README

# wit-admin-react

#### 介绍
react, antd, vite
## 特性
后端使用[wit-admin-go](https://gitee.com/taiping520/wit-admin-go)，需搭配使用。
- ⚡️ [React](https://zh-hans.react.dev/) - v18.2.x
- ⚡️ [Vite](https://vitejs.cn/) - v4.4.x
- ⚡️ [Ant Design](https://ant-design.antgroup.com/index-cn)  - v5.8.x
- ⚡️ [ProComponents](https://pro-components.antdigital.dev/) - 2.6.x
- ⚡ [React-Router](https://reactrouter.com/) - v6
- [Redux](https://redux.js.org/) - v4
- 💪 [Typescript](https://www.typescriptlang.org/) - 当然！必不可少
- 🔥 [Axios 配置和封装](https://github.com/axios/axios) - 基于 Promise 的 HTTP 请求库
## 已配置

### UI 框架

- [Windi CSS](https://github.com/windicss/windicss) (按需的 [TailwindCSS](https://tailwindcss.com/)) - 更轻，更快和和一系列额外的特性!
- [Windi CSS Typography](https://windicss.org/plugins/official/typography.html)
- ⚡️ [Ant Design](https://ant-design.antgroup.com/index-cn)  - v5.8.x
- ⚡️ [ProComponents](https://pro-components.antdigital.dev/) - 2.6.x
### Icons
推荐使用内置图标，300个图标。路由菜单配置请使用内置图标
- [🔍Icônes](https://icones.netlify.app/) - 使用任意的图标集
- [unplugin-icons](https://github.com/antfu/unplugin-icons) - 自动按需引入你所需要的图标！
```tsx 
import { WitIcon } from '@/components/Icon';
// icon type string 格式 icon = 'icon-user'为样式class类名
<WitIcon type={icon} />
```

### Gitee 模板

[使用这个模板创建仓库](https://gitee.com/taiping520/wit-admin-react.git).

### 克隆到本地

```bash
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](https://gitee.com/taiping520/wit-admin/issues/new) 或者提交一个 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` 类型
-


#### 特技