什么是Umi
- 可扩展的企业级前端应用框架。
- Extensible enterprise-level front-end application framework.
- 蚂蚁金服开源的企业级 React 应用框架
个人总结
Umi更方便,以前需要应用一大堆的东西(各类插件,第三方库),现在不用了,大部分东西Umi里都有,直接引用就可以了(除了antd,react)。同时跟以前的一些框架相比,自定义空间(可扩展性)更大(相比于create-react-app),更贴近业务本身(相比于next.js,因为跟antd,dva的融合性更好)。用它用它用它。。。
三分钟上手
手动创建文件,三分钟上手
# 创建目录
$ mkdir myumi && cd myumi
# 安装依赖
$ yarn add umi@next
# 创建页面 (ps:npm 从5.2版开始,增加了 npx 命令。)
$ npx umi g page index --typescript --less
# 启动开发
$ npx umi dev
了解Umi
- 简单说就是所有能力都从 umi 中 import 获取
| 目前有些例外,比如 antd、react 还不可以。 |
import { Link, withRouter, dynamic } from 'umi';
.umi 临时文件, 每次启动 umi 时都会被删除并重新生成
参考:
UmiJS官网
antd pro v4说明
antd pro gihub
| 了解未完,待续。。。后面更精彩更精彩更精彩,我还会回来滴。。。 |
额外添加
- iTerm2 快建
1. 垂直分屏:command + d
2. 水平分屏:command + shift + d
3. 切换屏幕:command + option + 方向键 command + [ 或 command + ]
- npm config ls -l 查看npm配置的命令
- 配置staging:open /etc/
- 克隆并新建分支: git clone -b <指定分支名> <远程仓库地址>
- beta环境:测试第二版,验收测试。
所谓验收测试是软件产品完成了功能测试和系统测试之后,在产品发布之前所进行的软件测试活动,它是技术测试的最后一个阶段,通过了验收测试,产品就会进入发布阶段