umi项目创建

1. 安装yarn(推荐使用,(提示权限不够请使用sudo指令))

   npm install -g yarn
   
   # 安装完成后，使用命令查看是否安装成功
   yarn -v
   
   # 使用yarn安装umi
   yarn global add umi
   
   # 安装完成后，使用命令查看是否安装成功
   umi -v
   

2. npm安装umi(提示权限不够请使用sudo指令)
   npm install -g umi
3. 使用umi快速搭建项目
   yarn create umi / npm create umi
   注意: 如果提示 create-umi 命令不存在，你需要执行 yarn global bin，然后把 global bin 的路径添加到环境变量 PATH 中。
4. 选择搭建的项目类型,这里我选择的是app

   ? 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.
   

5. 询问是否使用typescript(不会使用ts的可以选择不使用)

   ? Do you want to use typescript? (y/N)
   

6. 选择你要使用的功能

   ? What functionality do you want to enable? (Press <space> to select, <a> to toggle all, <i> to invert selection)
   ❯◯ antd
    ◯ dva
    ◯ code splitting
    ◯ dll
   

   功能用法参照官网
7. 启动项目

   yarn start / npm run start
   

   注意: 这里很可能报错:
   Plugin umi-plugin-react can't be resolved
   原因：缺少插件集
   解决办法：使用yarn add umi-plugin-react --dev命令安装相关插件集，安装成功后重新启动服务：yarn start,服务启动成功。