浅识 Umi

319 阅读2分钟

什么是Umi

个人总结

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

了解未完,待续。。。后面更精彩更精彩更精彩,我还会回来滴。。。

额外添加

  1. iTerm2 快建
1. 垂直分屏:command + d   
2. 水平分屏:command + shift + d
3. 切换屏幕:command + option + 方向键 command + [ 或 command + ]
  1. npm config ls -l 查看npm配置的命令
  2. 配置staging:open /etc/
  3. 克隆并新建分支: git clone -b <指定分支名> <远程仓库地址>
  4. beta环境:测试第二版,验收测试。
所谓验收测试是软件产品完成了功能测试和系统测试之后,在产品发布之前所进行的软件测试活动,它是技术测试的最后一个阶段,通过了验收测试,产品就会进入发布阶段