# react-pc

**Repository Path**: public-cli/react-pc

## Basic Information

- **Project Name**: react-pc
- **Description**: React PC 端模板
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-09-14
- **Last Updated**: 2024-06-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 标准管理后台

## 部署路径

1. [测试环境] /xxxx/xxxx/xxxx
2. [生产环境] /xxxx/xxxx/xxxx

#### 运行环境

1.  node >= 16.17.0
2.  npm >= 8.15.0

#### 测试环境

1. [测试](http://0.0.0.0:3000/)

   - 账号: admin
   - 密码: admin@123

2. [生产](http://0.0.0.0:3000/)
   - 账号: admin
   - 密码: admin@123

#### 技术栈

1. [@beewax/utils](https://www.npmjs.com/package/@beewax/utils)
2. [remixicon](https://www.remixicon.com/)
3. [antd](https://ant.design/index-cn)
4. [moment](http://momentjs.cn/)

#### 问题

1. export 'ColorPicker' (imported as 'ColorPickerV5') was not found in 'antd'

   - 由 antd@5x 与 antd/ProComponents 版本兼容导致
   - 解决：npm i -D @ant-design/pro-components@2.4.4

2. ProComponet 组件样式缺失
   - 受 antd 与 antd-pro 版本不同影响导致
   - 解决：使用 pnpm

#### 目录结构

```#
public ---------------------------------------- 静态资源
src ------------------------------------------- 项目目录
|-- assets ------------------------------------ 资源目录
|-- common ------------------------------------ 公共目录
|----- constant.ts ---------------------------- 全局常量
|----- ref.less ------------------------------- 引用 CSS
|----- store.ts ------------------------------- 全局状态
|----- types.ts ------------------------------- 全局 Type
|-- components -------------------------------- 组件
|-- layout ------------------------------------ 页面结构框架
|-- pages ------------------------------------- 业务页面
|-- routers ----------------------------------- 路由
|----- guard.ts ------------------------------- 路由守卫
|----- index.tsx ------------------------------ 路由出口
|-- services ---------------------------------- HTTP 服务
|-- utils ------------------------------------- 函数工具
|-- App.less ---------------------------------- 全文 CSS
|-- App.tsx ----------------------------------- 全文加载
|-- index.tsx --------------------------------- 出口文件
|-- react-app-env.d.ts
|-- reportWebVitals.ts
|-- setupTests.ts
.env ------------------------------------------ 本地环境
.env.prod ------------------------------------- 生产环境
.env.test ------------------------------------- 测试环境
.gitignore
craco.config.js ------------------------------- Webpack 配置
global.d.ts ----------------------------------- 扩展 window 类型
package-lock.json
package.json
postcss.config.js ----------------------------- postcss 配置
README.md
tailwind.config.js ---------------------------- tailwind 配置
tsconfig.json --------------------------------- TS 配置
```