持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第1天，点击查看活动详情
这个免费的课程将指导你完成 Umi 入门的学习。我们将会通过手动新建项目的方式，来一步一步引导你完成学习。其中会涉及到部分前端工程化的一些简单概念，如果你已经掌握了，那你可以选择性的跳过部分的内容。还会讲解部分 Umi 内置插件的实现原理，并手动实现简易版本，他们最终产物被应用于 Umi 的最佳实践中，比如 ant-design-pro 项目方案中。
专栏特色
探索使用 Umi 创建 web 应用程序的技巧、窍门和最佳实践
学会如何在 Umi 中应用 ant design 设计体系来构建现代用户界面
学会如何在 Umi 中使用 pro components 来高效完成中后台应用
学会 Umi 插件开发，将框架开发能力的门槛降维到业务交付能力
课程简介
Umi，中文发音为「乌米」，是一个用于开发可扩展的企业级前端应用框架的开源项目(MIT)。Umi 是蚂蚁集团的底层前端框架，已直接或间接地服务了 10000+ 应用，包括 Java、Node、H5 无线、离线（Hybrid）应用、纯前端 assets 应用、CMS 应用、Electron 应用、Serverless 应用等。
在此专栏中，你将亲身体验使用 Umi 开发单页应用程序。通过循序渐进的实践示例，你将培养构建和发布应用程序的基本技能，并通过快速响应的界面创建现代用户体验。
这个专栏将帮助你学习 Umi 的基本功能，以及如何使用 React、Less 和 TypeScript 从头开始设置和构建项目。我们还会用到 Ant Design，它是一个企业级产品设计体系，有好几个版本（React，Vue，Angular，react-mobile等）的实现，我们将会用到由官方团队维护的 React 版本。
在此过程中，你将看到如何使用模拟数据发出请求和开发前端，实现前后端分离的工作方式。我们也会用到代理服务访问跨域的远程服务，确保整个应用交付体系具有较高级别的安全性。
我们还将使用格式化工具来提高代码质量和可读性的方法，并会分享如何使用它来强制落地私有团队的开发规范。
在专栏的最后，你将学习如何在本地编译和打包应用程序，并通过将应用程序部署到在线服务来交付应用程序。
你将学到什么
完成此专栏学习（基础教程和实战教程），你将学会：
- 如何初始化 Umi 项目
- 理解 Umi 的目录结构及目录约定
- 学会在不同的页面之间导航
- 初次使用 antd 的布局组件
- 如何绑定数据
- 如何监听路由事件
- 如何发起 http 请求
- 如何使用和设置 proxy 请求代理
- 如何使用 Mock 数据
- 如何使用动态路由
- 如何使用格式化工具提高代码质量
- 等
适宜人群
专栏面向希望使用 Umi 及其内置插件开发企业级前端应用程序的 React 开发人员。需要具备 React 和 JavaScript 的基本知识。
Umi 版本
umi@4-rc.19
不知道你看到这个专栏的时候 umi 是什么版本了，所以，我们在编写专栏的时候，需要锁定版本。这将有利于你跟着文档一步一步的进行下去。
目录
Umi 简介和环境设置(略)
为了专栏能有一个统一的入口，所以优先发布了专栏介绍，我会在后续编写专栏的过程中，不断的完善和修改这篇文章。如果你有想要了解的其他 Umi 的相关内容，欢迎在评论区和我互动。
