Alibaba前端应用框架Umi - 项目创建与配置

    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,服务启动成功参考

 

参考资料

---

• Umi 小白纪实（一）—— 创建项目&常用配置