README.md

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

更多命令可在package.json中查看

项目预览

登录

Table列表

gg_editor

支持环境

Browsers support

IE / Edge	Firefox	Chrome	Safari	iOS Safari	Samsung	Opera
IE11, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions	last 2 versions	last 2 versions

参与贡献

我们非常欢迎你的贡献，你可以通过以下方式和我一起共建 😃：

• 通过 Issue 报告 bug 或进行咨询。
• 提交 Pull Request 改进代码。
• 微信交流（备注来自Github），微信号：han2013555888