antd-pro创建项目文档

antd-pro项目

  1. 新建空白目录,并进入
  2. 创建 umi项目
  3. 选择 ant-design-pro ant Design Pro 脚手架将会自动安装
  4. 安装依赖 yarn,npm install ```bash mkdir umi-admin & cd umi-admin

yarn create umi my-app

选择 ant-design-pro & JavaScript & simple

  1. ![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)
  2. <a name="Qspmd"></a>
  3. ## yarn create umi 子项目
  4. 1. 新建空白目录并进入
  5. 2. 输入 yarn create umi,并选择初始化配置
  6. ```bash
  7. mkdir umi-create & cd umi-create
  8. yarn create umi
  9. # 选择 app
  10. # typescript 选择 no

image.png
◉ antd
◉ dva
◉ code splitting 代码分割
❯◯ dll
◯ internationalization 国际化
image.png

yarn create umi js项目目录

image.png

npm start,显示的 umi启动页面
image.png

yarn create umi ts项目

image.png
image.png

yarn create umi,创建的 ts项目
image.png

yarn create @umijs/umi-app

  1. 新建空白目录并进入
  2. 输入 yarn create @umijs/umi-app 自动创建项目
  3. umi3支持 js和 ts,默认 生成的是 ts
  4. 将默认的 ts项目替换为 js
    1. 修改 .umirc.ts -> .umirc.js
    2. src/pages/index.ts -> index.js
  5. 然后 yarn install安装依赖 ```bash mkdir umi-mobile & cd umi-mobile

yarn create @umijs/umi-app

yarn start ``` image.png
yarn create @umijs/umi-app 生成的项目
image.png
yarn start 运行项目 image.png