河北品牌网站建设电子商务网站建设教学大纲

UMI 是一个基于 React 的可扩展企业级前端应用框架，提供路由、状态管理、构建和部署等功能，可以帮助开发者快速构建复杂的单页面应用（SPA）和多页面应用（MPA）。它与 React 的关系是，UMI 构建在 React 生态系统之上，利用 React 提供的组件化开发方式和生态系统的丰富资源来进行开发。

所以学习react的同时可以借助umi这个框架进行深度学习react

第一步创建umi项目

在终端输入

npm install pnpm -g

正是因为umi的优秀，为了方便开发者更加方便的使用这些插件，在我们这些插件开源的基础上，直接将他们集成到一起，打造了 @umijs/max。 让开发者直接可以通过脚手架马上获得和蚂蚁集团开发 Umi 应用一样的开发体检。

所以我们可以直接创建umimax项目

在使用 create-umi 选择 Ant Design Pro 模板，就能使用 @umijs/max 来创建项目了。

# 在当前文件夹下创建项目
pnpm create umi
# 在当前目录的 my-umi-app 文件夹下创建项目
pnpm create umi my-umi-app

选择ant design pro

选择你常用的npm 或者 pnpm

选择taobao

最后根据你选择pnpm 或者 npm 运行命令

npm run dev

一个umimax项目搭建成功