umi-ts-app

技术栈：umi3 + react hooks + dva + typescript + antd

该项目以 umi为底层前端框架，以Ant Design为 UI 组件库，Dva为项目数据流，React hooks编写前端业务组件，以TypeScript 做为静态类型检查，包含完整的前端工程化实践。

目录结构

|-- config                                # 项目配置文件
|-- mock                                  # 本地模拟数据
|-- public                                
|   |-- favicon.ico                       # favicon
|-- src                                   
|   |-- assets                            # 本地静态资源
|   |-- components                        # 业务通用组件
|   |-- layouts                           # 通用布局
|   |-- models                            # 全局 dva model
|   |-- services                          # 后台接口服务
|   |-- pages                             # 业务页面入口和常用模板
|   |-- e2e                               # 集成测试用例
|   |-- global.less                       # 全局样式
|                           
|-- tests                                 # 测试工具
|-- .gitignore                            # git忽略文件
|-- .editorconfig                         # 编辑器代码风格配置
|-- .eslintignore                         # eslint忽略文件
|-- .eslintrc                             # eslint规则
|-- .prettierignore                       # 代码风格配置忽略文件
|-- .prettierrc                           # 代码风格配置文件
|-- package.json                          
|-- README.md

快速开始

// 安装项目
$ git clone https://github.com/hanyueqiang/umi-ts-app.git

$ cd umi-ts-app

// 安装依赖
$ yarn

// 运行
$ yarn start # 访问 http://localhost:8081

// 打包
$ yarn build