当前位置： 首页 > news >正文

使用antd-pro脚手架搭建react ts项目

news 2026/1/23 11:38:16

Pro 中使用 TypeScript 来作为默认的开发语言，TypeScript 的好处已经无须赘述，无论是开发成本还是维护成本都能大大减少，是中后台开发的必选。

初始化

提供了 pro-cli 来快速的初始化脚手架。

# 使用 npm
npm i @ant-design/pro-cli -g
pro create myappi

选择 umi 的版本

? 🐂 使用 umi@4 还是 umi@3 ? (Use arrow keys)
❯ umi@4umi@3

如果选择了 umi@4 版本，暂时还不支持全量区块
如果选择了 umi@3，还可以选择 pro 的模板，pro 是基础模板，只提供了框架运行的基本内容，complete 包含所有区块，不太适合当基础模板来进行二次开发

? 🚀 要全量的还是一个简单的脚手架? (Use arrow keys)
❯ simplecomplete

安装依赖：

$ cd myapp && tyarn
// 或
$ cd myapp && npm install

开发
脚手架初始化成功之后就可以开始进行开发了，我们提供了一些命令来辅助开发。

start

运行这个脚本会启动服务，自动打开默认浏览器展示你的页面。当你重新编辑代码后，页面还会自动刷新。在这里插入图片描述

详情跳转官网查看

https://pro.ant.design/zh-CN/docs/getting-started

相关文章：

使用antd-pro脚手架搭建react ts项目

Pro 中使用 TypeScript 来作为默认的开发语言，TypeScript 的好处已经无须赘述，无论是开发成本还是维护成本都能大大减少，是中后台开发的必选。 初始化 提供了 pro-cli 来快速的初始化脚手架。 # 使用 npm npm i ant-design/pro-cli -g pro…...

编程日记 2023/10/15 3:38:14

推荐几款简单易用的协作化项目管理工具

您是否正在寻找一种有效且简单的项目管理工具来帮助您与团队成员协作?项目管理工具在当今的商业世界中已经变得必不可少，因为它们帮助团队保持组织和生产力。找到合适的工具是困难的，因为有太多的选择。有些工具是为特定类型的项目设计的，而…...

编程日记 2023/10/15 3:37:12

【Redis】Hash 哈希相关的命令

命令 HSET 设置hash中指定的字段（field）的值（value）。 HSET key field value [field value ...]HGET 获取hash中指定字段的值。 HGET key fieldHEXISTS 判断hash中是否有指定的字段。 HEXISTS key fieldHDEL 删除hash中指定…...

编程日记 2023/10/15 3:36:11

人大金仓分析型数据库常见性能原因

目录 硬件失效 管理负载 避免竞争 统计信息 识别问题 调整统计 优化分布 优化设计 硬件失效 数据库的性能取决于它所运行的硬件基础设施。数据库由多台服务器（主机）构成，它们作为一个紧密的系统（阵列）一起工作。…...

编程日记 2023/10/15 3:35:09

【OpenCv光流法进行运动目标检测】

opencv系列文章目录 文章目录 opencv系列文章目录前言一、光流法是什么？二、光流法实例1.C的2.C版本3.python版本 总结 前言 随着计算机视觉技术的迅猛发展，运动目标检测在图像处理领域中扮演着至关重要的角色。在现实世界中，我们常常需要追…...

编程日记 2023/10/15 3:34:08

Word论文封面下划线怎么都对不齐

我们常常发现，无论是写论文还是平时填写word封面的信息的时候，下划线老是随着字符的多少的边长变短，我们使用空格键也非常不好对齐，这就给我们造成了很大的烦恼，想想自己也是这样，我一旦输入字符&#xff0…...

编程日记 2023/10/15 3:32:06

汇编经典程序——将一个字节数据以十六进制形式显示

法一： 由于0-9的ASCII码实际值30h，A-Z的ASCII码实际值37h，故直接加对应的数即可 ;该程序将一个字节数据以十六进制形式显示（直接加对应数值）.model small .stack .data hex db 4bh.code .startup;显示高位mov al,hex…...

编程日记 2023/10/15 3:31:04

Remix 开发小技巧（五）

文章目录 类型安全的 Fetcher 钩子一切从资源路由开始RPC 只是使用内置的 URL 获取使用 Zod 验证您的 RPC下一步是自定义提取器钩子 黑暗模式主题切换“最佳用户体验”是什么意思？第一个要求第二个要求第三个要求第四个要求 类型安全的 Fetcher 钩子 RPC 是一种远程…...

编程日记 2023/10/15 3:30:03

hive抽取mysql里的表，如果mysql表没有时间字段如何做增量抽取数据

如果MySQL表中没有时间字段，你可以通过其他方式实现增量抽取数据，以下是一些常见的方式： 使用自增主键：如果MySQL表中有自增主键，你可以记录上一次抽取数据时最大的主键值（即上一次抽取数据的结束位置&…...

编程日记 2023/10/15 3:29:02

20和遍历以及迭代器有关的一些东西

知识点有点散，只能这样记录了 1、这边是和遍历有关的： class Person:def __init__(self):self.result 1def __getitem__(self, item):self.result 1if self.result > 6:raise StopIteration(停止遍历)return self.resultpassp Person() for i in…...

编程日记 2023/10/15 3:28:01

前端工程化（editorconfig+ESLint+Prettier+StyleLint+Husky、Commitlint）

前言 致谢：有来技术大大 通过学习有来技术大大的文章和结合自己的实践，写一篇笔记记录一下 所使用的工具： ide项目风格(editorconfig)代码检查(ESLint)代码风格(Prettier)样式风格(StyleLint)git提交规范(Husky、Commitlint) 一、ide项目…...

编程日记 2023/10/15 3:27:00

UI自动化测试：Selenium+PO模式+Pytest+Allure整合

本人目前工作中未涉及到WebUI自动化测试，但为了提升自己的技术，多学习一点还是没有坏处的，废话不多说了，目前主流的webUI测试框架应该还是selenium，考虑到可维护性、拓展性、复用性等，我们采用PO模式去写我…...

编程日记 2023/10/15 3:24:59

【排序算法】详解冒泡排序及其多种优化稳定性分析

文章目录 算法原理细节分析优化1优化2算法复杂度分析稳定性分析总结 算法原理 冒泡排序(Bubble Sort) 就是从序列中的第一个元素开始，依次对相邻的两个元素进行比较，如果前一个元素大于后一个元素则交换它们的位置。如果前一个元素小于或等于后一个元素…...

编程日记 2023/10/15 3:23:58

使用 Go 和 Wails 构建跨平台桌面应用程序

由于多种原因，Electron 曾经（并且仍然）大受欢迎。首先，其跨平台功能使开发人员能够从单个代码库支持 Linux、Windows 和 macOS。最重要的是，它对于熟悉 Javascript 的开发人员来说有一个精简的学习曲线。 尽管它有其缺…...

编程日记 2023/10/15 3:22:57

花2个月时间学习，面华为测开岗要30k，面试官竟说：你不是在搞笑。。。

背景介绍 计算机专业，代码能力一般，之前有过两段实习以及一个学校项目经历。第一份实习是大二暑期在深圳的一家互联网公司做前端开发，第二份实习由于大三暑假回国的时间比较短（小于两个月），于是找的实习是…...

编程日记 2023/10/15 3:21:55

【Python学习笔记】字符串

1. 字符串定义 可以用双引号 、 单三引号、双三引号，下面的定义都是正确的 "你好" 你好 """你好"""其中三引号可以 直接写内容有多行 的字符串。如下 letter 刘总：您好！您发的货我们已经收到&am…...

编程日记 2023/10/15 3:20:54

【AUTOSAR中断管理】TC3XX中断系统介绍

摘要 这段文本主要介绍了AURIX TC3XX的中断系统（Interrupt Router，简称IR）以及中断注册的过程以及举例说明中断机制。 AURIX TC3XX 中断系统（Interrupt Router）介绍 流程图描述中断路由器（IR）处理服务请求并与服务提供者交互。 中断系统的作用是将service request进行…...

编程日记 2023/10/15 3:19:53

Unity实现摄像机向屏幕中间发射射线射击物体

1.创建一个准星放在屏幕中间 外部找个PNG透明图，拖到Unity文件夹，右上角改成精灵sprite2d 2.添加到UI画布 3.写脚本 首先，我们需要引入一些 "工具"，就像我们在玩游戏时要先下载游戏客户端一样。这里的 "工具&quo…...

编程日记 2023/10/15 3:18:51

测试时数据增广（TTA）与mmdetection3d中的实现

1. 测试时数据增广 测试时数据增广（TTA）在测试时使用数据增广技术获取同一数据的多个“变体”，使用同一网络在这些“变体”以及原始数据上进行推断，最后整合所有结果作为该原始数据最终的预测结果。 TTA类似于集成学习&#xff0c…...

编程日记 2023/10/15 3:17:51

深入探索BP神经网络【简单原理、实际应用和Python示例】

人工神经网络（Artificial Neural Networks）是一种受到生物神经网络启发的机器学习模型，它的应用范围广泛，包括图像识别、语音识别、自然语言处理等领域。其中，BP神经网络（Backpropagation Neural Network&a…...

编程日记 2023/10/15 3:15:47

华为OD机试-食堂供餐-二分法

import java.util.Arrays; import java.util.Scanner;public class DemoTest3 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseint a in.nextIn…...

编程新知 2026/1/15 7:06:11

C++使用 new 来创建动态数组

问题： 不能使用变量定义数组大小 原因： 这是因为数组在内存中是连续存储的，编译器需要在编译阶段就确定数组的大小，以便正确地分配内存空间。如果允许使用变量来定义数组的大小，那么编译器就无法在编译时确定数组的大…...

编程新知 2026/1/23 10:37:42

初探Service服务发现机制

1.Service简介 Service是将运行在一组Pod上的应用程序发布为网络服务的抽象方法。 主要功能：服务发现和负载均衡。 Service类型的包括ClusterIP类型、NodePort类型、LoadBalancer类型、ExternalName类型 2.Endpoints简介 Endpoints是一种Kubernetes资源&#xf…...

编程新知 2026/1/21 8:56:39

处理vxe-table 表尾数据是单独一个接口，表格tableData数据更新后，需要点击两下，表尾才是正确的

修改bug思路： 分别把 tabledata 和 表尾相关数据 console.log() 发现 更新数据先后顺序不对 settimeout延迟查询表格接口 ——测试可行 升级↑：async await 等接口返回后再开始下一个接口查询 ________________________________________________________…...

编程新知 2026/1/22 19:30:11

基于Springboot+Vue的办公管理系统

角色： 管理员、员工 技术： 后端: SpringBoot, Vue2, MySQL, Mybatis-Plus 前端: Vue2, Element-UI, Axios, Echarts, Vue-Router 核心功能： 该办公管理系统是一个综合性的企业内部管理平台，旨在提升企业运营效率和员工管理水…...

编程新知 2026/1/15 5:27:15

C语言中提供的第三方库之哈希表实现

一. 简介 前面一篇文章简单学习了C语言中第三方库（uthash库）提供对哈希表的操作，文章如下： C语言中提供的第三方库uthash常用接口-CSDN博客 本文简单学习一下第三方库 uthash库对哈希表的操作。 二. uthash库哈希表操作示例 u…...

编程新知 2025/11/9 14:40:17

通过 Ansible 在 Windows 2022 上安装 IIS Web 服务器

拓扑结构 这是一个用于通过 Ansible 部署 IIS Web 服务器的实验室拓扑。 前提条件： 在被管理的节点上安装WinRm 准备一张自签名的证书 开放防火墙入站tcp 5985 5986端口 准备自签名证书 PS C:\Users\azureuser> $cert New-SelfSignedCertificate -DnsName &…...

编程新知 2026/1/20 0:01:30

Leetcode33（ 搜索旋转排序数组）

题目表述 整数数组 nums 按升序排列&#xff0c;数组中的值 互不相同 。 在传递给函数之前&#xff0c;nums 在预先未知的某个下标 k&#xff08;0 < k < nums.length&#xff09;上进行了 旋转&#xff0c;使数组变为 [nums[k], nums[k1], …, nums[n-1], nums[0], nu…...

编程新知 2026/1/17 19:18:25

云原生周刊：k0s 成为 CNCF 沙箱项目

开源项目推荐 HAMi HAMi&#xff08;原名 k8s‑vGPU‑scheduler&#xff09;是一款 CNCF Sandbox 级别的开源 K8s 中间件&#xff0c;通过虚拟化 GPU/NPU 等异构设备并支持内存、计算核心时间片隔离及共享调度&#xff0c;为容器提供统一接口&#xff0c;实现细粒度资源配额…...

编程新知 2025/12/1 3:15:17

02.运算符

目录 什么是运算符 算术运算符 1.基本四则运算符 2.增量运算符 3.自增/自减运算符 关系运算符 逻辑运算符 &&&#xff1a;逻辑与 ||&#xff1a;逻辑或 &#xff01;&#xff1a;逻辑非 短路求值 位运算符 按位与&&#xff1a; 按位或 | 按位取反~ …...

编程新知 2026/1/20 16:46:18