ANT-DESIGN_PRO的使用

Ant Design Pro文档链接 https://pro.ant.design/zh-CN/docs/getting-started
Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈,我们将持续迭代,逐步沉淀和总结出更多设计模式和相应的代码实现,阐述中后台产品模板/组件/业务场景的最佳实践,也十分期待你的参与和共建。
包管理器:推荐使用https://www.npmjs.com/package/tyarn来进行包管理,可以极大地减少 install 的时间和失败的概率,并且完全兼容 npm。
Ant Design Pro 使用 Umi 作为开发工具,建议你先查看 Umi 的常见问题。
我们可以通过下面的大图来了解整个 Ant Design Pro 的架构。
ANT-DESIGN_PRO的使用

初始化

使用 npm
npx create-umi myapp
使用 yarn
yarn create umi myapp
按照 umi 脚手架的引导,一步一步完成自己需要的。
安装依赖:
$ cd myapp && tyarn

$ cd myapp && npm install

开发

脚手架初始化成功之后就可以开始进行开发了,我们提供了一些命令来辅助开发。

start

运行这个脚本会启动服务,自动打开默认浏览器展示你的页面。当你重新编辑代码后,页面还会自动刷新。
ANT-DESIGN_PRO的使用

build

运行这个脚本将会编译你的项目,你可以在项目中的 dist 目录中找到编译后的文件用于部署。
ANT-DESIGN_PRO的使用

感兴趣的小伙伴可以下载下来自己研究哦~
ANT-DESIGN_PRO的使用

Ant Design Pro GitHub地址:https://github.com/ant-design/ant-design-pro

上一篇:react ant ProTable批量选择表格数据记忆功能


下一篇:koa post提交数据,koa-bodyparser中间件来获取post提交数据