# react-zixishi

**Repository Path**: quantumSea/react-zixishi

## Basic Information

- **Project Name**: react-zixishi
- **Description**: react-study
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-04-28
- **Last Updated**: 2024-04-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ferryman-study-room-admin

基于 webpack5.0 + react18 + react-router6.0 + redux 4.0 + antd4.0 + ts4.0 的后台管理系统框架

### 文件结构

```
├── index.tsx 入口文件
├── App.tsx 全局组件入口
├── api 封装api接口，按模块划分为不同的文件
    ├── auth 权限认证
        ├── index.ts
    ├── ...
├── assets 静态资源文件
├── components 通用组件封装
├── config 全局配置文件
├── enums 枚举值
├── hooks 代替mixin,全局hooks文件
├── interfaces 封装ts接口
├── layout 布局文件
    ├── footer 页脚
    ├── header 页头
    ├── ...
├── router 封装页面路由，按模块划分为不同的文件
    ├── modules 按模块划分为不同的文件
        ├── home.ts 主页
    ├── router-guards.ts 路由守卫
    ├── ...
├── store 全局状态管理
     ├── actions 按模块划分为不同的文件
        ├── login 登录异步请求
        ├── ...
     ├── reducers 按模块划分为不同的文件
        ├── login 登录数据
        ├── ...
    ├── index.ts 全局状态入口
├── libs 工具函数，类库封装
    ├── http \ axios axios接口请求封装，设置拦截器
    ├── Storage 缓存相关方法
    ├── ...
├── views 各个页面
```

## Project setup

```
pnpm install
```

### Compiles and hot-reloads for development

```
pnpm start
```

### Compiles and minifies for production

```
pnpm build
```

### Lints and fixes files

```
pnpm lint
```

### Customize configuration

See [Configuration Reference](https://react.docschina.org/docs/getting-started.html).

### commitlint

- feat: 一项新功能
- fix: 一个错误修复
- docs: 仅文档更改
- style: 不影响代码含义的更改（空白，格式，缺少分号等）
- refactor: 既不修正错误也不增加功能的代码更改（重构）
- perf: 改进性能的代码更改
- test: 添加缺失或更正现有测试
- build: 影响构建系统或外部依赖项的更改（gulp，npm 等）
- ci: 对 CI 配置文件和脚本的更改
- chore: 更改构建过程或辅助工具和库，例如文档生成

### eslint

https://eslint.org/docs/latest/