环境搭建

https://umijs.org/zh/guide/getting-started.html#%E7%8E%AF%E5%A2%83%E5%87%86%E5%A4%87

安装最新node

http://nodejs.cn/download/

安装tyarn替换npm

https://www.npmjs.com/package/tyarn

  1. npm install yarn tyarn -g

全局安装umi

  1. yarn global add umi

输入命令umi -v如果出现版本号，则安装成功
image.png
如果是“未发现umi命令”
输入tyarn global bin复制路径到系统环境变量里
image.png

上述步骤完成在电脑上已经安装了node和umi

创建项目

https://pro.ant.design/docs/getting-started-cn#%E5%AE%89%E8%A3%85
输入命令

  1. yarn create umi

选择ant-design-pro

  1.  Select the boilerplate type (Use arrow keys)
  2. ❯ ant-design-pro  - Create project with an layout-only ant-design-pro boilerplate, use together with umi block.
  3.   app             - Create project with a simple boilerplate, support typescript.
  4.   block           - Create a umi block.
  5.   library         - Create a library with umi.
  6.   plugin          - Create a umi plugin.

创建完成后用命令

安装依赖

  1. tyarn

运行项目

  1. npm start

这里使用的命令无所谓npm yarn了，都是执行的package.json里的命令