安装 ant design pro

Posted 2020-12-19 wanglan

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

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