title	hero	features	footer
UmiJS - Extensible enterprise-level front-end application framework.	title desc actions UmiJS 🍙 Extensible enterprise-level front-end application framework. text link Get Started → /docs/getting-started	icon title desc https://gw.alipayobjects.com/zos/basement_prod/a1c647aa-a410-4024-8414-c9837709cb43/k7787itw_w126_h114.png Extensible Umi implements the complete lifecycle and makes it extensible, and Umi's internal functions are all plugins. Umi also support plugins and presets. icon title desc https://gw.alipayobjects.com/zos/basement_prod/b54b48c7-087a-4984-b150-bcecb40920de/k7787z07_w114_h120.png Out of the Box Umi has built-in routing, building, deployment, testing, and so on. It only requires one dependency to get started. Umi also provides an integrated preset for React with rich functionaries. icon title desc https://gw.alipayobjects.com/zos/basement_prod/464cb990-6db8-4611-89af-7766e208b365/k77899wk_w108_h132.png Enterprise It has been verified by 3000+ projects in Ant Financial and projects of Alibaba, Youku, Netease, 飞猪, KouBei and other companies. icon title desc https://gw.alipayobjects.com/zos/basement_prod/201bea40-cf9d-4be2-a1d8-55bec136faf2/k7788a8s_w102_h120.png Self Development Including micro frontend library, component packaging, documentation tools, request library, hooks library, data flow, etc. icon title desc https://gw.alipayobjects.com/zos/basement_prod/67b771c5-4bdd-4384-80a4-978b85f91282/k7788ov2_w126_h126.png Perfect Routing Supports both configuration routing and convention routing, while with functional completeness, such as dynamic routing, nested routing, permission routing, and so on. icon title desc https://gw.alipayobjects.com/zos/basement_prod/d078a5a9-1cb3-4352-9f05-505c2e98bc95/k7788v4b_w102_h126.png Future Ready Umi's community is also exploring new technologies. For example, modern mode, webpack @ 5, automated external, bundler less, etc.	Open-source MIT Licensed | Copyright © 2017-present<br />Powered by [dumi](https://d.umijs.org/).

Getting Started in 3 minutes

Manually,

# Create directory
$ mkdir myapp && cd myapp

# Install dependency
$ yarn add umi

# Create page
$ npx umi g page index --typescript --less

# Start development
$ npx umi dev

Or Getting Started with Boilerplate.

Contributors

This project exists thanks to all the people who contribute. Join us!

Feedback

Github Issue	微信群
umijs/umi/issues	关注后回复「umi」