hi
大家好,我正在一步步学习umi,以后还会更新umi中的配置,使用umi写的一些项目。
希望大家多多支持。
环境准备
保证node版本在8.10或以上
$ node -v
安装
yarn global add umi
$ umi -v
2.2.6
脚手架
创建一个文件夹
mkdir myApp & cd myApp
我们通过umi g page xxx 来快速生成一些页面
例如 umi g page index
生成的目录结构为
pages - index.css - index.js
这里的pages目录是页面所在的目录,umi中约定默认情况下pages下所有的js文件即为路由,如果有next.js或者nuxt经验的同学们,应该会有点眼熟。
接下来,我们通过官方推荐的脚手架,创建一个完成的umi项目
$ yarn create umi demo
当中发生了一个错误,因为我的yarn版本为0.23,版本太低,导致创建失败,使用homebrew更新yarn之后成功创建umi项目
之后我们会看到你需要的一些功能
官方文档中提示,功能介绍可以在 https://umijs.org/zh/plugin/umi-plugin-react.html 中找到。
我们选择dva之后提示,创建成功
进入 demo 目录
$ cd demo
然后我们手动安装依赖
$ yarn
最后通过 yarn start 启动本地服务
$ yarn start
打包成功后打开 http://localhost:8000/ 就可以看到我们新建的项目了