小白视角学antd umi（一） - 创建项目

这一系列文章以纯小白的视角介绍一下antd design的umi框架。文章全部基于umi 3.x版本，重点关注umi的基础使用和配置，比较偏实用，不会涉及原理和底层代码分析（因为底层啥样我也不知道~以后有时(xin)间(qing)再去研究研究）。

另外小白视角是针对umi框架而言的，读者仍然需要具有以下基础知识：React, Ant design。如果要配合dva使用的话，还需要了解redux(react-redux), redux-saga。

一、创建项目

这里介绍两种脚手架创建umi项目的方法。

umi 2.0项目

使用过antd pro的朋友可能知道，antd pro的官方教程里是这么创建pro项目的:

> yarn create umi

然后会有以下选项：

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.

如果选择 ant-design-pro,就会创建一个antd pro的项目。这里第二个选项app