Ant Design Pro 脚手架使用
在Ant design pro中umi@4是不支持umi ui可视化辅助编程工具(右下角的小球球),umi@3才支持umi ui可视化辅助编程工具。(Nodejs 16)
在Ant design pro官网默认使用的是umi@4,想要使用umi@3需要先卸载当前安装的pro-cli,卸载命令如下:
npm uninstall -g @ant-design/pro-cli
然后指定版本安装,经过我的测试 3.1.0
这个版本就可以选择 umi 版本,重新使用 npm install -g @ant-design/pro-cli@3.1.0
安装 pro-cli 即可
npm install -g @ant-design/pro-cli@3.1.0
然后再去初始化脚手架,就可以选择umi@3了。命令:
npx pro create myapp
再去安装依赖,使用yarn 或者npm install 都可以。之后再去添加umi ui,命令
yarn add @umijs/preset-ui -D
最后 npm run start 脚手架启动成功