首页 > 其他分享 >Ant design pro和umi ui

Ant design pro和umi ui

时间:2024-08-01 12:53:18浏览次数:9  
标签:node cli pro Ant design 版本 umi

#Ant design pro#

在Ant design pro中umi@4是不支持umi ui可视化辅助编程工具(右下角的小球球),umi@3才支持umi ui可视化辅助编程工具。

在Ant design pro官网默认使用的是umi@4,想要使用umi@3需要先卸载当前安装的pro-cli,卸载命令如下:

npm uninstall -g @ant-design/pro-cli

然后指定版本安装,经过我的测试 3.1.0 这个版本就可以选择 umi 版本,重新使用 npm install -g @ant-design/[email protected] 安装 pro-cli 即可

npm install -g @ant-design/[email protected]

然后再去初始化脚手架,就可以选择umi@3了。命令:

pro create myapp

接下来就是和官网的一样,选择安装全量的还是一个简单的脚手架?全量的脚手架建议用来二开,不方便修改。

再去安装依赖,使用yarn 或者npm install 都可以。

之后再去添加umi ui,命令

yarn add @umijs/preset-ui -D

就可以出现小球了。

启动项目时,可能会出现启动失败的问题,可能是因为node版本太高了,需要将node版本降到16,但是安装依赖的时候需要node版本在18以上,所以会涉及到node版本管理的问题。自行百度,如何管理node版本。

在使用小球添加页面时,可能会出现阿里巴巴证书认证问题。可以参考下面一位大佬的操作。

也就是直接修改安装依赖后node_modules/getnpmregistry/index.js这个包下的taobao镜像

https://registry.npm.taobao.org

再去使用小球添加页面就可以添加成功了,添加成功之后项目可能自动停止了,然乎会出现报错。如果出现了报错,可以尝试重新安装依赖,并且将src/.umi文件删除,后重新启动项目(安装依赖时要注意node版本的切换)。

然后就大功告成了!!!

标签:node,cli,pro,Ant,design,版本,umi
From: https://blog.csdn.net/qq_67733013/article/details/140844038

相关文章

  • await 调用的函数不一定必须是 async 函数。 await 关键字通常用于 async 函数内部,用
    await调用的函数不一定必须是async函数。 await关键字通常用于async函数内部,用来等待一个Promise对象的解决。但如果被await调用的对象不是Promise,那么它会被直接返回。 functionnotPromiseFunction(){return42;}asyncfunctionexample(){const......
  • SemanticKernel/C#:检索增强生成(RAG)简易实践
    检索增强生成(RAG)是什么?RAG是“Reference-basedGenerativemodelwithAttention”的缩写,也可以被称为“Retrieval-AugmentedGeneration”,是一种结合了检索技术和生成模型的方法,主要用于自然语言处理任务,如文本生成、对话系统、机器翻译等。RAG模型通过从外部知识库中检索相关......
  • el-progress 自定义线状进度条右边的文字
    需要展示类似下面的效果 搜了很多slot的方式试了都不行,好像是因为我后面的文字太长了导致了换行,加上这边需要加其他的样式,最后干脆将原始的文字变成空的,自己写右边的文字加样式了<divstyle="margin:10px020px0"v-f......
  • Towards Practical Binary Code Similarity Detection: Vulnerability Verification v
    "迈向实用的二进制代码相似性检测:通过补丁语义分析进行漏洞验证"0x0Abstruct二进制代码相似性检测方法可以有效地搜索二进制软件中代码共享引入的重复出现的漏洞(1day)。然而,这些方法存在较高的误报率(FPR),因为它们通常将修补的函数视为易受攻击的函数,并且当使用不同的编译设置编译......
  • 科大讯飞哪一款适合初高中 科大讯飞T20Pro值得买吗
    科大讯飞AI学习机T20Pro(8+512GB)则是一款更高配置的学习机,适用于幼小初高全龄段的学生。它拥有8GB的运行内存和512GB的存储空间,性能更加强劲。13.3英寸的屏幕提供了更大的显示区域,让学习更加舒适。T20Pro也配备了科大讯飞的AI技术和星火大模型,能够提供更丰富、更全面的学习资......
  • subproces.Popen 带有或“|”符号不起作用
    我试图仅列出我的Wi-Fi网络适配器的IP地址,以便能够检测它是否已连接并且附加了IP地址。有了它本身,它就可以工作了...|||输出:fromsubprocessimportPopenPopen(['netsh','interface','ip','show','addresses','Wi-Fi&......
  • GitHub Actions 工作流程中的 moviepy 安装错误:subprocess-exited-with-error
    我尝试在GitHubActions工作流程中安装moviepy时遇到错误。在我的本地机器上安装工作正常,但在CI环境中有时会失败。该错误消息表明获取构建轮子的要求未成功运行,退出代码为1。它还提到该错误源自子进程,并且可能不是pip的问题。Downloadingmoviepy-1.0.3.tar.gz(388......
  • pydantic_settings 没有正确调用“之前”验证器
    我正在编写一个pydantic_settings类来从.env文件/环境变量中读取数据。相关部分如下所示:frompydantic_settingsimportBaseSettingsfrompydanticimportField,field_validatorfromtypingimportTupleclassJobSettings(BaseSettings):wp_generate_funnel_b......
  • 基于VScode和C++ 实现Protobuf数据格式的通信
    目录1.Protobuf概述1.1定义1.2Protobuf的优势2.Protobuf语法3、序列号和反序列化3.1.pb.h头文件3.2序列化3.3反序列化4、测试用例Protobuf详细讲解链接1.Protobuf概述1.1定义protobuf也叫protocolbuffer是google的一种数据交换的格式,它独立于语......
  • 2024 (ICPC) Jiangxi Provincial 省赛
    2024(ICPC)JiangxiProvincial省赛前言和队友vp7t,赛后补了几题。A.MaliangLearningPainting思路输出a+b+c代码cin>>n>>m>>k;cout<<n+m+k<<endl;C.Liar思路队友写得代码voidsolve(){intn,k;cin>>n>>k;intans=0;......