Ant Design Pro V4下载运行_下载antd design pro

? Select the boilerplate type (Use arrow keys)

ant-design-pro - Create project with a layout-only ant-design-pro boilerplate, use together with umi block.
app - Create project with a simple boilerplate, support typescript.
block - Create a umi block.
library - Create a library with umi.
plugin - Create a umi plugin.

#### 1.2.2选择Pro V4：

? � Be the first to experience the new umi@3 ? (Use arrow keys)
Pro V5

Pro V4

#### 1.2.3选择JavaScript：

? � Which language do you want to use? (Use arrow keys)

TypeScript
JavaScript

#### 1.2.4simple和complete的区别：（这里我选择simple)

? � Do you need all the blocks or a simple scaffold? (Use arrow keys)

simple
complete

simple：只有基础功能，包含的组件和功能较少。选择simple后下一步还要选择ant的版本。


![](https://img-blog.csdnimg.cn/20200628100009735.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX1hpTXU=,size_16,color_FFFFFF,t_70)


complete：包含的组件和功能较多，与线上示例：[https://preview.pro.ant.design/dashboard/analysis]( )完全一致。选择complete后默认使用的ant版本是4，不用再选择ant版本。


![](https://img-blog.csdnimg.cn/20200628100403782.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX1hpTXU=,size_16,color_FFFFFF,t_70)


#### 1.2.5 选择antd@4：

? � Time to use better, faster and latest antd@4! (Use arrow keys)

antd@4
antd@3

经过上述几步操作后就开始下载Ant Design Pro项目了，完整的操作过程。

H:\antcomplete>npm create umi
? Select the boilerplate type ant-design-pro
? � Be the first to experience the new umi@3 ? Pro V4
? � Which language do you want to use? JavaScript
? � Do you need all the blocks or a simple scaffold? simple
? � Time to use better, faster and latest antd@4! antd@4
Cloning into ‘H:\antcomplete’…
remote: Enumerating objects: 188, done.
remote: Counting objects: 100% (188/188), done.
remote: Compressing objects: 100% (173/173), done.
Rremote: Total 188 (delta 21), reused 67 (delta 8), pack-reused 0
Receiving objects: 100% (188/188), 296.12 KiB | 35.00 KiB/s, done.

Resolving deltas: 100% (21/21), done.

� clone success
[Sylvanas] Prepare js environment…
[JS] Clean up…
Clean up…
✨ File Generate Done

H:\antcomplete>

#### **1.2.6下载完成后在antcomplete目录下会共有16个文件及文件夹。（此数量仅代表编写此文档时下载的数量）**


![](https://img-blog.csdnimg.cn/20200628101036853.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX1hpTXU=,size_16,color_FFFFFF,t_70)


#### 1.2.7安装依赖：

yarn

或

npm install

推荐使用npm install，原因同上。


#### 1.2.8启动