antd-pro创建项目文档
- 初始化项目 https://pro.ant.design/zh-CN
- antd pro配置文档 https://pro.ant.design/zh-CN/docs/overview
antd-pro项目
- 新建空白目录,并进入
- 创建 umi项目
- 选择
ant-design-pro
ant Design Pro 脚手架将会自动安装 - 安装依赖 yarn,npm install ```bash mkdir umi-admin & cd umi-admin
yarn create umi my-app
选择 ant-design-pro & JavaScript & simple
![image.png](https://cdn.nlark.com/yuque/0/2021/png/112859/1635775264490-1ef2483d-4639-4fc9-b253-e2ae7022b1ab.png#clientId=u60066414-b03b-4&from=paste&height=124&id=u110a9f20&originHeight=264&originWidth=1344&originalType=binary&ratio=1&rotation=0&showTitle=false&size=234937&status=done&style=none&taskId=u196ea832-99df-4254-b670-18606719184&title=&width=629.9885864257812)<br />看到这个界面就是安装成功<br />![image.png](https://cdn.nlark.com/yuque/0/2021/png/112859/1613356289619-07774891-e1f1-4ea6-b60e-e89940080579.png#height=523&id=thQxg&originHeight=934&originWidth=1126&originalType=binary&ratio=1&rotation=0&showTitle=false&size=87060&status=done&style=none&title=&width=629.9971313476562)<br />![image.png](https://cdn.nlark.com/yuque/0/2021/png/112859/1613356361816-ff81b3fb-be3b-45b9-bc45-900bfc0c9554.png#height=360&id=TIxK3&originHeight=1186&originWidth=2080&originalType=binary&ratio=1&rotation=0&showTitle=false&size=167707&status=done&style=none&title=&width=632.0084838867188)
<a name="Qspmd"></a>
## yarn create umi 子项目
1. 新建空白目录并进入
2. 输入 yarn create umi,并选择初始化配置
```bash
mkdir umi-create & cd umi-create
yarn create umi
# 选择 app
# typescript 选择 no
◉ antd
◉ dva
◉ code splitting 代码分割
❯◯ dll
◯ internationalization 国际化
yarn create umi js项目目录
npm start,显示的 umi启动页面
yarn create umi ts项目
yarn create umi,创建的 ts项目
yarn create @umijs/umi-app
- 新建空白目录并进入
- 输入 yarn create @umijs/umi-app 自动创建项目
- umi3支持 js和 ts,默认 生成的是 ts
- 将默认的 ts项目替换为 js
- 修改 .umirc.ts -> .umirc.js
- src/pages/index.ts -> index.js
- 然后 yarn install安装依赖 ```bash mkdir umi-mobile & cd umi-mobile
yarn create @umijs/umi-app
yarn start
```
yarn create @umijs/umi-app 生成的项目
yarn start 运行项目