关于前端:ANTDESIGNPRO的使用

6次阅读

共计 741 个字符,预计需要花费 2 分钟才能阅读完成。

Ant Design Pro 文档链接 https://pro.ant.design/zh-CN/…
Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后盾前端 / 设计解决方案,致力于在设计规范和根底组件的根底上,持续向上构建,提炼出典型模板 / 业务组件 / 配套设计资源,进一步晋升企业级中后盾产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的一直反馈,咱们将继续迭代,逐渐积淀和总结出更多设计模式和相应的代码实现,论述中后盾产品模板 / 组件 / 业务场景的最佳实际,也非常期待你的参加和共建。
包管理器:举荐应用 https://www.npmjs.com/package… 来进行包治理,能够极大地缩小 install 的工夫和失败的概率,并且齐全兼容 npm。
Ant Design Pro 应用 Umi 作为开发工具,倡议你先查看 Umi 的常见问题。
咱们能够通过上面的大图来理解整个 Ant Design Pro 的架构。

初始化

应用 npm
npx create-umi myapp
应用 yarn
yarn create umi myapp
依照 umi 脚手架的疏导,一步一步实现本人须要的。
装置依赖:
$ cd myapp && tyarn

$ cd myapp && npm install

开发

脚手架初始化胜利之后就能够开始进行开发了,咱们提供了一些命令来辅助开发。

start

运行这个脚本会启动服务,主动关上默认浏览器展现你的页面。当你从新编辑代码后,页面还会主动刷新。

build

运行这个脚本将会编译你的我的项目,你能够在我的项目中的 dist 目录中找到编译后的文件用于部署。

感兴趣的小伙伴能够下载下来本人钻研哦~

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

正文完
 0