【Ant Design Pro】框架入门的起手式及架构的分析

框架千千万万,换个公司换个样!umijs官网地址在这里,都要喊它father!! 作为笔记,了解框架结构。官网地址:Ant Design Pro。

在这里插入图片描述

项目环境

  • node 版本18+
  • 依赖安装淘宝镜像,npm i大概要2~3分钟,感觉这种框架很重

安装依赖

npm install

在这里插入图片描述

npm run dev

在这里插入图片描述
上面是用的是npm run dev,项目虽然启动了,但是无法登录,报错显示找不到接口,主要是mock没启动,这里需要使用下面的复合命令

npm run start

在这里插入图片描述
在这里插入图片描述

打包

npm run build

在这里插入图片描述

包优化

npm run analyze

在这里插入图片描述

分析包的体积,webpack相关配置进行优化

在这里插入图片描述

网站性能评估

为我们对网站进行性能优化,进行判断依据
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/9529.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

【数据分享】2024年我国省市县三级的生活服务设施数量(46类设施/Excel/Shp格式)

人才市场、售票处、旅行社等生活服务设施的配置情况是一个城市公共基础设施完善程度的重要体现,一个城市生活服务设施种类越丰富,数量越多,通常能表示这个城市的公共服务水平越高! 本次我们为大家带来的是我国各省份、各地级市、…

采用 EtherCAT 的磁场定向控制 (FOC) 伺服运动控制器 IC-TMC8670-BI

这款芯片是小型去中心化机器人的理想解决方案,还十分适合机器人和工业自动化、实验室自动化、工业物联网应用以及嵌入式运动控制系统中的典型编码器,使其更加全能。 TMC8670是用于工业自动化、嵌入式伺服控制和其他自动化设备应用的单轴伺服电机控制器。…

【Melty是一款开源的AI编程助手,基于codellama,媲美cusor】

https://github.com/meltylabs/melty.git 对话进行代码重构

今日力扣:3235. 判断矩形的两个角落是否可达

给你两个正整数 xCorner 和 yCorner 和一个二维整数数组 circles ,其中 circles[i] [xi, yi, ri] 表示一个圆心在 (xi, yi) 半径为 ri 的圆。 坐标平面内有一个左下角在原点,右上角在 (xCorner, yCorner) 的矩形。你需要判断是否存在一条从左下角到右上…

HCIP-HarmonyOS Application Developer 习题(二十)

1、(判断题)在使用 EventHandler 实现线程问通信时如果 EventRurner取出的是InnerEvent事件,则 EventRunner 会直接在新线程上处理该事件。 答案:错误 分析:如果EventRunner取出的事件为InnerEvent事件,则触…

恭喜!2024年度大连市科技人才创新、科技人才创业项目拟立项公示!

精选SCI/SSCI/EI SCI&EI ●IEEE 1区TOP 计算机类(含CCF); ●EI快刊:最快1周录用! 知网(CNKI)、谷歌学术期刊 ●7天录用-检索(100%录用),1周上线; 免费稿件评估 …

CSS3中动画的使用animation

1.基本使用 2.其他属性 3.复合属性

C语言多维数组抽象理解:切格子思维

其实早在两年前我就写过一篇关于多维数组的文章:详解多维数组与指针之间的关系,随着时间的推移,我的工作与学习逐渐深入,对C语言有了更深入的理解,觉得之前写的文章里关于多维数组部分有些复杂,不能以最简单…

超越Axure:探索新一代原型设计工具

Axure RP是一款被广泛认可的快速原型设计工具,专为专业设计师打造,用于创建高效的产品原型图,包括APP和网页的原型图、框架图和结构图等。Axure RP制作的原型图能够实现与实际APP相似的交互效果,便于向用户或客户展示,…

PVE纵览-从零开始:了解Proxmox Virtual Environment

PVE纵览-从零开始:了解Proxmox Virtual Environment 文章目录 PVE纵览-从零开始:了解Proxmox Virtual Environment摘要引言什么是Proxmox Virtual EnvironmentPVE的核心功能PVE 优势如何开始使用PVEPVE应用案例总结 关键字: PVE、 虚拟机、…

装杯 之 Linux指令【补充篇】

“生活就像海洋,只有意志坚强的人,才能到达彼岸” ---马克思 目录 1.grep指令 ​编辑 2.zip/unzip指令 3.tar指令(重要):打包/解包,不打开它,直接看内容 4.bc指令 5.uname 指令 1.grep…

AI自动直播软件之直播任务模块开发!

AI自动直播软件,作为现代科技与传统直播行业的完美结合,正在逐步改变我们的生活方式,它不仅能够帮助主播们实现24小时不间断的直播,还能通过智能算法分析观众喜好,推送定制化的内容,极大地提升了用户体验。…

windows工具 -- 开源图片查看器ImageClass

目的 windows自带的图像查看有些不好用 ImageClass效果 下载安装 点击下载 ImageClass https://imageglass.org/releases 双击安装即可 如果想要和一样的布局可以参考 下图布局设置: 其他功能自行探索一下, 功能很丰富

99_api_intro_websitetools_dnslookup

域名 DNS 信息查询 API 数据接口 网络工具,多种记录类型数据返回,丰富的信息结构,毫秒级响应。 1. 产品功能 提供域名 DNS 解析完整记录;丰富的解析记录类型,包括:A, AAAA, MX, TXT, NS, CNAME, SRV, PTR, …

Intern大模型训练营(五):书生大模型全链路开源体系笔记

观看视频,可以比较详细地了解到书生大模型全链路开源体系。 其中有几个印象比较深的点: 这张图讲述了书生浦语大模型开源的发展史,同时与主流的llama和Chatgpt模型进行比较,可以看出在参数上,InterLM在努力追赶甚至超…

ONLYOFFICE 8.2 版:助力自动化办公的佼佼者

0. 引言 在当今数字化办公的浪潮中,办公软件的选择对于提高工作效率和质量至关重要。就像在算法的世界里,合适的算法能高效地解决问题一样,一款优秀的办公软件能为我们的办公流程带来前所未有的便捷。ONLYOFFICE 8.2 版的出现,为…

03集合基础

目录 1.集合 Collection Map 常用集合 List 接口及其实现 Set 接口及其实现 Map 接口及其实现 Queue 接口及其实现 Deque 接口及其实现 Stack类 并发集合类 工具类 2.ArrayList 3.LinkedList 单向链表的实现 1. 节点类(Node) 2. 链表类&a…

6KBhtm+js实现提交名单随机抽取功能适用活动或课堂随机点名

<!DOCTYPE html> <html lang"zh"> <head> <meta charset"UTF-8"> <meta name"viewport" content"widthdevice-width, initial-scale1.0"> <title>名单抽奖系统</title> <style> *{ma…

面向对象的需求分析和设计(一)

[toc] 1. 引言 前一篇文章《我对需求分析的理解》提到了面向对象分析和设计&#xff0c;正好最近又重新有重点的读了谭云杰著的《Think in UML》&#xff0c;感觉有必要写把书中一些核心内容观点以及自己的想法整理出来&#xff0c;一是方便自己日后的复习&#xff0c;另外也…

树的存储结构-树,二叉树,森林的相互转换

双亲表示法存储树 优点:查找指定结点的双亲十分方便 缺点:查指定结点的孩子只能从头遍历 插入操作:插入对位无须按照某种顺序 删除操作1:将指定结点的parent数据赋值为-1表示为空(删除节点为叶子节点) 删除操作2:将最后一个数据覆盖到指定结点的数据域(删除节点为叶子节点…