UmiJS

简介

Umi，中文可发音为乌米，是可扩展的企业级前端应用框架。
Umi 以路由为基础的，同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能扩展。然后配以生命周期完善的插件体系，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业务需求。

特点：

1. 可扩展，Umi 实现了完整的生命周期，并使其插件化，Umi 内部功能也全由插件完成。
2. 开箱即用，Umi 内置了路由、构建、部署、测试等，仅需一个依赖即可上手开发。
3. 企业级
4. 大量自研，包含微前端、组件打包、文档工具、请求库、hooks 库、数据流等，满足日常项目的周边需求。
5. 完备路由，同时支持配置式路由和约定式路由，同时保持功能的完备性，比如动态路由、嵌套路由、权限路由等等。
6. 面向未来

安装

1. 安装 nodejs

2. 安装 yarn npm install -g yarn tyarn

3. 安装 umi tyarn global add umi

4. 初始化 umi2 项目

   tyarn create umi
     - Select the boilerplate type：app
     - Do you want to use typescript?：No
     - What functionality do you want to enable?：antd
   tyarn install
   yarn start
   

5. 初始化 umi3 项目

   tyarn create @umijs/umi-app`
   tyarn install
   yarn start
   

6. vscode 插件推荐：project-tpl

使用 umi

1. 新建路由 npx umi g page login
2. 新建嵌套路由 npx umi g page ucenter/profile
3. 新建动态路由
   umi2：新建文件 $id.js；
   umi3：新建文件 [id].js；