参考:
- UmiJS 文档链接 https://umijs.org/zh-CN/docs/getting-started
- 深入理解 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
坑:
- 文档写的是直接运行,但实际上有的时候可能会因为安装路径的原因导致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)”
- 后面的文档里面提到了umi里命令,但是没有提安装它的事儿,所以需要用下面的命令安装一下(它安装的目录和上面的serve一样,在~/.yarn/bin)
$ tyarn global add umi