# react-base-template

**Repository Path**: xierge/react-base-template

## Basic Information

- **Project Name**: react-base-template
- **Description**: react+ts+antd 的基础模版
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-07-13
- **Last Updated**: 2023-11-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### vscode 须装插件

- [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemname=msjsdiag.debugger-for-chrome)
- [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

### 使用方式

- [gitmoji 官网](https://gitmoji.carloscuesta.me/) 提交 commit 请使用`git cz`

### vscode 推荐插件

- [vscode-icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) 可视化图标包
- [indent-rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow) 不同颜色缩进
- [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer) ()[]{}
  颜色匹配
- [Antd Rush](https://marketplace.visualstudio.com/items?itemName=fi3ework.vscode-antd-rush)AntDesign 语法提示及说明

### 开始

- 生产环境：yarn start:prod
- 开发环境：yarn start:dev
- 预发布环境：yarn start:staging

### 项目结构

src // 源文件
├─ App.less // 全局样式
├─ App.tsx // 页面入口组件
├─ api // 网络请求接口目录
│ └─ index.ts
├─ assets // 静态资源目录（图片/图标/字体）
├─ config // 配置文件
│ └─ index.ts
├─ constants // 全局常量
│ └─ env.ts
├─ index.tsx // 入口文件
├─ react-app-env.d.ts
└─ utils // 工具目录
├─ collector.ts // collector api 请求接口
├─ cookieUtil.ts // cookie 工具
├─ coordtrans.ts // 地图坐标转换工具
├─ request.ts // 自定义 api 请求接口
├─ serialize.ts // 序列乎工具
├─ token.ts // 权限token仓库
└─ tokenUtil.ts // 权限token工具