又快又美又好用的前端框架 Ant Design Pro

m5k1umn

《开源精选》是咱们分享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

j8typz

外链发布论坛学习网络优化SEO。