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 的架构。
image.png
初始化
使用 npm
npx create-umi myapp
使用 yarn
yarn create umi myapp
按照 umi 脚手架的引导，一步一步完成自己需要的。
安装依赖：
cd myapp && npm install
开发
脚手架初始化成功之后就可以开始进行开发了，我们提供了一些命令来辅助开发。
start
运行这个脚本会启动服务，自动打开默认浏览器展示你的页面。当你重新编辑代码后，页面还会自动刷新。
image.png
build
运行这个脚本将会编译你的项目，你可以在项目中的 dist 目录中找到编译后的文件用于部署。
image.png
感兴趣的小伙伴可以下载下来自己研究哦~
image.png
Ant Design Pro GitHub地址：https://github.com/ant-design/ant-design-pro
网友评论