Umi,中文可发音为乌米,是可扩展的企业级前端应用框架。Umi 以路由为基础的,同时支持配置式路由和约定式路由,保证路由的功能完备,并以此进行功能扩展。然后配以生命周期完善的插件体系,覆盖从源码到构建产物的每个生命周期,支持各种功能扩展和业务需求。
一、脚手架安装
可以使用官方脚手架 create-umi 快速创建项目。
创建项目目录:
mkdir unidemo && cd umidemo
创建项目:
方式一:
yarn create umi 或 npm create umi
方式二:
手动安装 create-umi 并执行
npm install create-umi -g
create-umi
二、按需安装
选择 app 创建一个 umi 应用
选择是否使用 typeScript,默认不使用
使用空格键选择需要的功能,功能介绍详见 plugin/umi-plugin-react ,antd 和 dva 可以不用选,只要创建项目后配置相应的插件,就能在项目中内置 antd、antd-mobile 和 dva
生成目录如下
使用 yarn start 命令启动项目,若出现如下问题:
解决办法:使用yarn add umi-plugin-react --dev命令安装相关插件集,安装成功后重新启动服务:yarn start,服务启动成功参考
参考资料