umi UI工具使用指南：快速创建umi项目页面

作者：羊村懒王 | 2024-02-20 02:54:52

踩

umi_ui=1 umi dev

在任意地方运行以下命令，可以打开umi ui工具

#启动umi ui工具

umi ui

如果在项目中执行

UMI_UI=1 umi dev

运行效果

默认浏览器直接打开umi ui界面

点击右上角的“创建项目”按钮，弹出创建项目的选项，此处需要选择项目的存放目录及项目的名称

并点击“下一步”

此处可以选择两种模板类型，Ant Design Pro模板和基础模板

并且可以选择TypeScript和JavaScript

包管理方式有npm和yarn(如果安装了cnpm工具，也会出现cnpm)

点击“完成”即开始创建项目

创建项目中，需要等待一定的时间(看网络环境)

项目创建完成，跳转到项目主页中

本地开发时，可以点击本地开发，运行，即会开始打开项目

运行项目如下

项目的资产，现在暂时不讲解

重要特性

现在回到运行的项目中来，在项目的右下角，有个米饭的图标，点击它，即可打开项目的资产管理

可以直接

动图演示如下

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/118068