Antd design pro 搭建环境和启动项目

Antd design pro 搭建环境和启动项目

首先两种方式均可以搭建和启动项目,看下面:

1.github克隆项目(自动)

git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project

然后你就进入cd 项目里 

npm install

npm start

等着就行了

项目自己起不来你就去浏览器地址栏自己敲一遍 localhost:8000

2.手动安装cli脚手架 (手动)

npm install ant-design-pro-cli -g
顺手把下面的也安装了吧 后面会用到
npm install yarn tyarn cross-env umi -g

然后 tyarn create umi myapp

然后 看好有一些提示 选择select antd design pro 就行了,后面还有一些选择自己看着办,我也忘了。。。

搞完了上面的 cd 但你的项目中 先tyarn在他tyarn start 

有些时候按照官网来会提示 cross-env: not found,那我们就安装他就完了:npm install cross-env -g 

有些时候按照官网来会提示Error: spawn umi ENOENT,那我们就安装他就完了:npm install umi -g

有些时候按照官网来会提示Cannot find module 'umi',那我们就安装他就完了:tyarn add umi 

3 结束了 ,官网给出的太简单了,从照着抄也不行,后来我也是自己百度到了,互相学习吧。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
umi 是一个基于 react 的前端开发框架,它提供了一些方便的工具和规范,帮助我们更快地搭建和部署移动端 web 项目。而 antd design 是一个优秀的 UI 组件库,它提供了丰富的组件,能够满足我们在移动端 web 项目中的各种需求。 首先,我们可以使用 umi 来初始化一个移动端的项目。umi 提供了脚手架工具,可以帮助我们快速创建一个基本的项目结构。通过命令行工具,我们可以选择使用 umi 内置的模板和插件,来搭建一个符合我们需求的移动端项目。 接着,我们可以使用 antd design 来构建我们的移动端页面。antd design 提供了丰富的 UI 组件,如导航栏、按钮、表单等等,这些组件都经过了精心设计和优化,可以帮助我们快速构建漂亮而且功能丰富的移动端页面。我们可以通过引入 antd design 的组件库,然后按照官方文档的指引使用这些组件,实现我们的页面功能。 在搭建项目时,umi 提供了一些功能和规范,例如路由配置、状态管理等。我们可以使用 umi 提供的路由功能来管理页面之间的跳转和传参,通过 umi 的状态管理功能可以更好地管理组件的状态和数据。同时,umi 还支持按需加载和自动优化等功能,能够提高项目的加载速度和性能。 总的来说,umi antd design react 搭建移动端 web 项目是一个很便捷和高效的选择。umi 提供了一个规范的开发框架,antd design 提供了丰富的 UI 组件,它们的结合可以帮助我们更快速地构建移动端 web 项目
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值