基于umidvaantdmobile快速构建H5APP应用

# umi-dva-antd-mobile [](http://umijs.org/) [](https://dvajs.com/) [](https://mobile.ant.design) []() 该项目主要以 [UMI](https://umijs.org/zh/) + [DVA](https://dvajs.com/) 为底层框架，以[Ant Design Mobile](https://mobile.ant.design/)为 UI 组件库，包含完整的前端工程化实践。 部分代码及功能参考于 [Ant Design pro](https://pro.ant.design/) :clap: 已经支持微信开发，相见 [wx](https://github.com/hqwlkj/umi-dva-antd-mobile/tree/wx) 分支。 ## 目录结构 |-- config # umi 配置，包含路由，构建等配置 |-- mock # 本地模拟数据 |-- public | |-- favicon.png # favicon |-- src # | |-- assets # 本地静态资源 | |-- components # 业务通用组件 | |-- layout # 通用布局 | |-- models # 全局 dva model | |-- services # 后台接口服务 | |-- pages # 业务页面入口和常用模板 | |-- e2e # 集成测试用例 | |-- global.less # 全局样式 | |-- global.tsx # 全局 JS | |-- theme.js |-- tests # 测试工具 |-- .gitignore # git忽略文件 |-- .editorconfig # 编辑器代码风格配置 |-- .eslintignore # eslint忽略文件 |-- .eslintrc # eslint规则 |-- .prettierignore # 代码风格配置忽略文件 |-- .prettierrc # 代码风格配置文件 |-- .stylelintrc # 样式风格配置文件 |-- package.json |-- README.md ## 快速开始 ```javascript // 安装项目 $ git clone --depth=1 https://github.com/hqwlkj/umi-dva-antd-mobile.git my-project $ cd my-project // 安装依赖 $ yarn or npm install // 运行 $ yarn start or npm run start # 访问 http://localhost:8080 // 打包 $ yarn build or npm run build ``` 更多命令可在[package.json](./package.json)中查看 ## 线上项目预览地址 DEMO 地址已经全部提供到 [Issue](https://github.com/hqwlkj/umi-dva-antd-mobile/issues) 中👏👏👏 1、[蔚来汽车H5活动](https://h5.parsec.com.cn/weilai/) 建议在手机浏览器或者微信浏览器预览。 2、[H5 DEMO](https://h5.parsec.com.cn/weilai/demo) 建议在手机浏览器或者微信浏览器预览。 3、[抽奖大转盘 DEMO](https://h5.parsec.com.cn/turntable_demo) 建议在手机浏览器或者微信浏览器预览。 > *注 由于 `DEMO` 代码是从正式项目中提取的，没有放在 `examples` 目录下；有需要的同学，请在 [Issue](https://github.com/hqwlkj/umi-dva-antd-mobile/issues) 中索要，看见消息后我会及时提供，谢谢各位同学的 :star: :star2: :dizzy: ## DEMO 请扫描下方二维码预览效果。 由于demo服务器当前不稳定，建议本地运行查看效果，谢谢  |  :---: | :---: H5 应用(已完成) | APP 应用 > demo 还在持续完善中。。。 ## 支持环境 | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="iOS Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br> iOS Safari | [<img src="https://gss3.bdstatic.com/-Po3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268%3Bg%3D0/sign=356c6916013387449cc5287a6934bec4/d53f8794a4c27d1e11530c8216d5ad6eddc4387a.jpg" alt="Android" width="24px" height="24px" />](https://developer.android.com/)</br> Android | --------- | --------- | | iOS Safari | Android 4.0+ | ## 参与贡献 我们非常欢迎你的贡献，你可以通过以下方式和我一起共建 :smiley:： - 通过 [Issue](https://github.com/hqwlkj/umi-dva-antd-mobile/issues) 报告 bug 或进行咨询。 - 提交 [Pull Request](https://github.com/hqwlkj/umi-dva-antd-mobile/pulls) 改进代码。