# react-ips-admin

**Repository Path**: noviceLuo/react-ips-admin

## Basic Information

- **Project Name**: react-ips-admin
- **Description**: 用于学习ips后台管理项目
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-22
- **Last Updated**: 2023-11-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 后台管理项目

### 介绍

用于搭建后台管理项目

使用选型 React18 + ReactRouter6.0 + Vite + TypeScript + Antd5.0

### 软件架构

```bash
node 18.16.1

# 项目创建
$ yarn create vite
# 选择 typescript

$ npx create-react-app react-base --template typescript

# diff算法
react@18.2.28

# 转换DOM树和Render
react-dom@18.2.0

# 路由
yarn add react-router-dom
# 网络请求
yar add axios
```

### 安装说明

```bash
# 安装项目依赖
$ yarn

# 启用项目
$ yarn dev

# 打包项目
$ yarn build

# 测试
$ yarn test
```

### 使用说明

### 目录接口

```views
|—— src
|   |—— api                            # 网络请求
|   |—— asstes                         # 资源管理 styles images iconfont
|   |—— components                     # 公共组件
|   |—— config                         # 配置文件
|   |—— hook                           # 钩子
|   |—— layout                         # 全局布局组件
|   |—— router                         # 路由
|   |—— types                          # TS 类型定义
|   |—— utils                          # 工具
|   |—— views                          # 视图
|—— index.tsx                          # 程序主入口
```

### 环境

1. 编译时环境

```js
// 开发环境
.env.development

// 测试环境
.env.staging

// 生产环境
.env.production

// 定义环境变量，需以[VITE_]开头
```

2. 运行时环境

```js
// config/index.ts
// 定义 'dev' | 'stg' | 'prd' 环境变量通过浏览器url判断，或者通过html data-env 环境变量判断
```