Ant Design 脚手架初始化

1、使用npm的淘宝镜像
npm config set registry https://registry.npm.taobao.org
2、tyarn
npm install yarn tyarn -g
3、install
tyarn add antd
4、使用 yarn
选择 ant-design-pro
选择 antd 的语言版本 JavaScript / TypeScript

JavaScript,轻量级的解释性脚本语言
TypeScript,是 JavaScript 的超集

选择 antd 的模板 simple / complete

simple 是基础模板,只提供了框架运行的基本内容
complete 包含 antd 的集成方案,不太适合当基础模板来进行二次开发

yarn create umi myapp
5、安装依赖
cd myapp && tyarn
6、报错的话设置下
yarn config set ignore-engines true
7、可选

打开开发模式下页面右下角的小气泡,方便添加区块和模版等pro资产

tyarn add @umijs/preset-ui -D

你可能感兴趣的:(Ant Design 脚手架初始化)