|
《开源精选》是咱们分享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
| 
发表于 2024-10-10 04:57:24