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

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

0. 创建项目

  1. 新建一个空文件夹test-v5,终端在该文件夹下下运行npx npx create-umi
    体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台
  2. 选择 ant design pro
    体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台
  3. 选择版本V5
    体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台
  4. 稍微等待一会项目就创建好了,接着就是常规的安装依赖
    体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台

2. 启动项目

  1. 将项目拖到vscode查看pkg文件,启动项目
    体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台
  2. 成功启动
    体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台
    体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台
  3. 熟悉的界面,看着就有中想马上拿他coding的冲动
    体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台
  4. 添加umi气泡工作台,在pkg文件中添加script并执行
    体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台
    还是不展示。。。最后发现是缺少@umijs/preset-ui,安装依赖npm install @umijs/preset-ui -D
    体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台
    再次启动执行: npm run start:ui 熟悉的感觉又回来了
    体验ANT DESIGN PRO V5--项目创建并安装umi气泡工作台
    至此,一个v587的antdesignpro项目就创建完毕了。下篇文章记录下权限管理和从服务端请求菜单。