体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台

ant design pro V5版beta版发布了,距离上次使用ant design pro已经过去两年,看到V587的新版本发布便迫不及待的再来体验下。首先按照官方文档创建项目,项目创建流程如下:

0. 创建项目
  1. 新建一个空文件夹test-v5,终端在该文件夹下下运行npx npx create-umi
    在这里插入图片描述
  2. 选择 ant design pro
    在这里插入图片描述
  3. 选择版本V5
    在这里插入图片描述
  4. 稍微等待一会项目就创建好了,接着就是常规的安装依赖
    npm i
2. 启动项目
  1. 将项目拖到vscode查看pkg文件,启动项目
    在这里插入图片描述
  2. 成功启动
    在这里插入图片描述
    在这里插入图片描述
  3. 熟悉的界面,看着就有中想马上拿他coding的冲动
    在这里插入图片描述
  4. 添加umi气泡工作台,在pkg文件中添加script并执行
    在这里插入图片描述
    还是不展示。。。最后发现是缺少@umijs/preset-ui,安装依赖npm install @umijs/preset-ui -D
    在这里插入图片描述
    再次启动执行: npm run start:ui 熟悉的感觉又回来了
    在这里插入图片描述
    至此,一个v587的antdesignpro项目就创建完毕了。下篇文章记录下权限管理和从服务端请求菜单。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值