极智开发 | UmiJS 快速上手

极智视界

已于 2022-10-11 14:09:15 修改

阅读量4.3k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：极智开发文章标签： javascript typescript react.js yarn web

于 2022-06-13 19:35:41 首次发布

本文链接：https://blog.csdn.net/weixin_42405819/article/details/125266142

极智开发专栏收录该内容

105 篇文章 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了企业级前端框架 UmiJS，它是一个插件化的框架，支持路由、构建等。通过 Umi 脚手架，我们可以快速了解其目录结构，如 `.umirc.ts` 配置文件，`src` 目录中的源码文件，以及 `mock` 目录用于模拟数据。Umi 还提供了针对 React 的插件集，满足大部分开发需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

欢迎关注我的公众号 [极智视界]，获取我的更多笔记分享

大家好，我是极智视界，本文介绍一下 UmiJS 快速上手。

UmiJS 是插件化的企业级前端应用框架，Umi 实现了完整的周期声明，并使其插件化，其内部功能也全由插件完成，此外还支持插件和插件集，以满足功能和垂直领域的分层需求。Umi 内置了路由、构建、部署、测试等，仅需要一个依赖即可上手开发，并且还提供针对 React 的集成插件集，内涵丰富的功能，可满足日常 80% 的开发需求。这里介绍 UmiJS 的快速上手与脚手架目录结构，下面开始。

文章目录

- 1 Umi 快速上手
- 2 Umi 脚手架目录结构

1 Umi 快速上手

# 创建目录并进入
mkdir umijs
cd umijs

# 创建项目
yarn create @umijs/umi-app

# 安装依赖
yarn

# 启动项目 ==> 开发模式

了解本专栏

超级会员免费看