参考:

  1. UmiJS 文档链接 https://umijs.org/zh-CN/docs/getting-started
  2. 深入理解 umi https://www.yuque.com/ant-design/course/tydf0a

    一、基础依赖

  • npm
  • node 版本是 10.13 或以上
  • yarn

国内源
$ npm i yarn tyarn -g
# 后面文档里的 yarn 换成 tyarn
$ tyarn -v

二、快速上手

先找个地方建个空目录。
$ mkdir myapp && cd myapp

通过官方工具创建项目,
$ tyarn create @umijs/umi-app

安装依赖
$ tyarn

启动项目
$ tyarn start

在浏览器里打开 http://localhost:8000/

部署发布
$ tyarn build

安装简易服务器
$ tyarn global add serve

坑:

  1. 文档写的是直接运行,但实际上有的时候可能会因为安装路径的原因导致command not found。参见https://stackoverflow.com/questions/55529912/npm-command-serve-not-found-although-it-is-installed,这时需要在shell的配置(如.zshrc)里面加上路径

export PATH=”$PATH:$(tyarn global bin)”

  1. 后面的文档里面提到了umi里命令,但是没有提安装它的事儿,所以需要用下面的命令安装一下(它安装的目录和上面的serve一样,在~/.yarn/bin)

$ tyarn global add umi