前端框架UMI3基础知识和快速上手

-----

基础的介绍得是有的:

One:   Umi 是什么?

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

Umi 是蚂蚁集团的底层前端框架,已直接或间接地服务了 3000+ 应用,包括 java、node、H5 无线、离线(Hybrid)应用、纯前端 assets 应用、CMS 应用等。他已经很好地服务了我们的内部用户,同时希望他也能服务好外部用户。

它主要具备以下功能:

  • 🎉 可扩展,Umi 实现了完整的生命周期,并使其插件化,Umi 内部功能也全由插件完成。此外还支持插件和插件集,以满足功能和垂直域的分层需求。
  • 📦 开箱即用,Umi 内置了路由、构建、部署、测试等,仅需一个依赖即可上手开发。并且还提供针对 React 的集成插件集,内涵丰富的功能,可满足日常 80% 的开发需求。
  • 🐠 企业级,经蚂蚁内部 3000+ 项目以及阿里、优酷、网易、飞猪、口碑等公司项目的验证,值得信赖。
  • 🚀 大量自研,包含微前端、组件打包、文档工具、请求库、hooks 库、数据流等,满足日常项目的周边需求。
  • 🌴 完备路由,同时支持配置式路由和约定式路由,同时保持功能的完备性,比如动态路由、嵌套路由、权限路由等等。
  • 🚄 面向未来,在满足需求的同时,我们也不会停止对新技术的探索。比如 dll 提速、modern mode、webpack@5、自动化 external、bundler less 等等。

首先从一个空壳项目进去创建项目,先把yarn牵扯到的景象去安装一下,yrm全局下载一下

安装完的话去查看一下你电脑里面的所有镜像:yrm ls  (查看镜像)

图片可以看出你电脑离里面的镜像有哪些 比如npm  淘宝啦  尽量换成国内镜像taobao因为他是比较主播说这个比较快他查看他的电脑里面看这个是最快的但是我看我的npm是最快的 是npm飞速发展了么  有看到这块的大佬如果看到我这个疑问的话可以告诉告诉我。嘿嘿 

yrm test  查看你电脑里面的镜像谁更快

然后换成最快的那个  说rednpm不稳定咱就不换成这个了  就跟随主播换成taobao吧

yrm use taobao

这块结束了为yarn换国内淘宝镜像的所有准备--环境准备

Two :快速上手

通过yarn create @umijs/umi-app

创建之后  里面是没有node_modules的这个时候安装node_modules  直接yarn回车安装上

构建时配置  

通常你的项目比较复杂的时候配置一个config配置这个时候会在这里面配置你的路由  反向代理 主题等等 

本文链接:https://my.lmcjl.com/post/1217.html

展开阅读全文

4 评论

留下您的评论.