《开源精选》是咱们分享Github、Gitee等开源社区中优秀项目的栏目,包含技术、学习、实用与各样有趣的内容。本期举荐的是一个开箱即用的中后台前端设计处理方法——Ant Design Pro。
Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计处理方法,致力于在设计规范和基本组件的基本上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提高企业级中后台制品设计开发过程中的『用户』和『设计者』的体验。
特性TypeScript: 应用程序级 JavaScript 的语言区块: 经过区块模板快速构建页面优雅美观:基于 Ant Design 体系精心设计平常设计模式:提炼自中后台应用的典型页面和场景最新技术栈:运用 React/umi/dva/antd 等前端前沿技术研发响应式:针对区别屏幕体积的设计主题:可配置的主题满足多样化的品牌诉求国际化:内建业界通用的国际化方法最佳实践:良好的工程实践助您连续产出高质量代码Mock 数据:实用的本地数据调试方法UI 测试:自动化测试保证前端制品质量
支持环境
项目体验
分析页
监控页
表单
搜索列表
查找表格
流程编辑器
脑图编辑器
个人页
运用
初始化脚手架: # 运用 npm
npm i @ant-design/pro-cli -g
pro create myapp 选取 umi 的版本: ? 运用 umi@4 还是 umi@3 ? (Use arrowkeys)
❯ umi@4
umi@3 倘若选取了 umi@4 版本,暂时还不支持全量区块。
倘若选取了 umi@3,还能够选取 pro 的模板,pro 是基本模板,只供给了框架运行的基本内容,complete 包括所有区块,不太适合当基本模板来进行二次研发 ? 要全量的还是一个简单的脚手架? (Use arrow keys)
❯ simple
complete
安装依赖: $ cd myapp && tyarn
// 或
$ cd myapp && npm install
起步服务: npm run start-END-
开源协议:MIT
开源位置: https://github.com/ant-design/ant-design-pro
|