Umi 4 快速搭建项目

Umi4已于今年6月份发布,同时支持 Vite 和 Webpack 两种构建方式,对诟病已久的mufs做了优化,另外还支持vue。那我们就来上手搭建下吧。

一、首先找个地方建个空目录

二、创建项目

可以通过pnpm、npm、yarn来安装。官方推荐pnpm,国内安装速度较快。三者命令不一样,不过最终结果都一样,这里我选择的是yarn。

三、选择项目模版

 1.Simple App 

你可以理解为纯净版的Umi,包含umi4文档上关于Guides下的所有功能,但是不包括Umi Max。

2.Ant Design Pro

包含Umi Max的完整功能,均可通过在.umirc.ts 或 config/config.ts中插拔式配置。 个人建议选择这个模版。

 3.Vue Simple App

如果你的项目框架是vue则使用该模版。

 四、选择客户端的包管理器

五、选择资源注册地

国内推荐选择taobao

 

六、启动项目

等待几分钟后即可完成项目的安装,直接yarn dev即可启动项目。

 七、其他

 umi4内置了生成器,部分内容可以一键生产。具体功能可以通过 umi g的命令进行查看生成。

猜你喜欢

转载自blog.csdn.net/qq_38629292/article/details/126131737