安装 ant design pro

新建一个空的文件夹作为项目的目录,并在目录下执行

yarn create umi 或者  npm create umi

如果不创建空目录,可以执行

yarn create umi  appname  或者  npm create umi appname

选择ant design pro 

 Select the boilerplate type (Use arrow keys)
❯ ant-design-pro  - Create project with an 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.

选择安装的版本

? Select the boilerplate type ant-design-pro
? � Be the first to experience the new umi@3 ? (Use arrow keys)
  Pro V5
> Pro V4

选择语言类型

? 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?
  TypeScript
> JavaScript

选择简单还是全部安装

? 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? (Use arrow keys)
> simple
  complete

安装完成后安装依赖

yarn 获取 npm install

启动项目

yanr start 或者 npm start