ANT-DESIGN_PRO的使用

936 阅读2分钟

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

初始化

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

开发

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

start

运行这个脚本会启动服务,自动打开默认浏览器展示你的页面。当你重新编辑代码后,页面还会自动刷新。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NsvmRk4U-1627893980674)(/img/bVcTQWL)]

build

运行这个脚本将会编译你的项目,你可以在项目中的 dist 目录中找到编译后的文件用于部署。 在这里插入图片描述 感兴趣的小伙伴可以下载下来自己研究哦~ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yYiNiA86-1627893980677)(/img/bVcTQWN)]

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