UmiJS开发之——快速上手

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 Umi是什么

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

二Umi 如何工作？

2.1 技术栈

技术栈

2.2 插件和插件集

三 快速入门

3.1 环境准备

  • node(10.13或以上)
  • yarn管理npm依赖
1
2
# 国内源
$ npm install yarn  -g

3.2 创建项目demo

创建项目目录(cmd终端模式)

1
mkdir myapp && cd myapp

安装umi依赖

1
yarn add umi

创建页面

1
npx umi g page index --typescript --less

启动预览

1
npx umi dev

四 参考

  • UmiJS——首页
  • UmiJS——3.X-介绍