ant-design高效的代码复用能力-区块

最新推荐文章于 2023-08-05 00:35:31 发布

Nick_Spider

最新推荐文章于 2023-08-05 00:35:31 发布

阅读量447

点赞数

分类专栏：前端文章标签： umi 区块模板

本文链接：https://blog.csdn.net/weixin_39198406/article/details/119515531

版权

本文介绍了如何使用umi框架的区块功能，通过区块和模板实现高效代码复用。首先，文章详细讲解了创建umi项目的步骤，包括安装yarn、umi和解决可能遇到的报错。接着，介绍了添加区块依赖的方法。最后，文章详细阐述了区块的使用，包括创建模板、添加区块以及解决在使用过程中遇到的样式问题。

摘要由CSDN通过智能技术生成

0 引言

最近发现umi提供了区块的功能，可以直接把官方提供的页面模板、组件进行复用，并且是通过可视化的方式进行选取的，选完直接生成代码，体验度很好。
在这里插入图片描述

首先需要通过umi的创建一个项目，不过需要先安装umi就行，这里推荐使用yarn：

npm install -g yarn  # 安装yarn
yarn -v  # 检查是否安装成功
yarn config set registry https://registry.npm.taobao.org/  # 设置国内镜像

然后使用yarn安装umi：

yarn global add umi
umi -v  # 查看是否安装成功

创建一个umi项目：

yarn create umi

框架会提示根据你的需求选择不同的配置，比如项目类型、是否用ts、使用功能等。
创建完成后，就可以启

关注