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的命令进行查看生成。