ant design pro V5版beta版发布了,距离上次使用ant design pro已经过去两年,看到V587的新版本发布便迫不及待的再来体验下。首先按照官方文档创建项目,项目创建流程如下:
0. 创建项目
- 新建一个空文件夹test-v5,终端在该文件夹下下运行
npx npx create-umi
- 选择 ant design pro
- 选择版本V5
- 稍微等待一会项目就创建好了,接着就是常规的安装依赖
2. 启动项目
- 将项目拖到vscode查看pkg文件,启动项目
- 成功启动
- 熟悉的界面,看着就有中想马上拿他coding的冲动
- 添加umi气泡工作台,在pkg文件中添加script并执行
还是不展示。。。最后发现是缺少@umijs/preset-ui,安装依赖npm install @umijs/preset-ui -D
再次启动执行: npm run start:ui 熟悉的感觉又回来了
至此,一个v587的antdesignpro项目就创建完毕了。下篇文章记录下权限管理和从服务端请求菜单。