# react-umi-cli

**Repository Path**: Gl-strive/gl-umi-react-cli

## Basic Information

- **Project Name**: react-umi-cli
- **Description**: umi+dav+react-cli
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-30
- **Last Updated**: 2023-02-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: UMI, dav, React, JavaScript, hooks

## README

# 初始化 react ant pro 脚手架

## 例

### 项目目录结构

```bash
├── config                   # umi 配置，包含路由，构建等配置
├── mock                     # 本地模拟数据
├── public
│   └── favicon.png          # Favicon
├── src
│   ├── assets               # 本地静态资源
│   ├── components           # 业务通用组件
│   ├── e2e                  # 集成测试用例
│   ├── layouts              # 通用布局
│   ├── models               # 全局 dva model
│   ├── pages                # 业务页面入口和常用模板
│   ├── services             # 后台接口服务
│   ├── utils                # 工具库
│   ├── locales              # 国际化资源
│   ├── global.less          # 全局样式
│   └── global.ts            # 全局 JS
├── tests                    # 测试工具
├── README.md
└── package.json
```

### 页面代码结构

```bash
src
├── components
└── pages
    ├── user        // 路由组件下不应该再包含其他路由组件，基于这个约定就能清楚的区分路由组件和非路由组件了
    |   ├── components // 对于复杂的页面可以再自己做更深层次的组织，但建议不要超过三层
    |   ├── Form.jsx
    |   ├── index.jsx  // 页面组件的代码
    |   └── index.less // 页面样式
    └── *              // 其它页面组件代码
```

### 环境配置

node 环境采用 nvm 控制，执行以下代码

```bash
nvm use
```

### 依赖安装

采用 npm 安装依赖

```bash
npm install
```