程序员经验分享-hwhale

react+ts+vite+router6+antd 保姆级搭建

2023-11-15

一、项目搭建

采用vite方式 ,根据选择 react-ts

pnpm create vite

1.1 修改初始结构，删除多余文件

1.2 修改vite.config配置文件 配置别名

vite.config:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path';

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias:{
      "@":path.resolve(__dirname,'./src')//配置@别名
    }
  },
})

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

React

ReactJS

前端

typescript

react+ts+vite+router6+antd 保姆级搭建 的相关文章

随机推荐

  • 机器学习常识 3: 分类、回归、聚类

    摘要 本贴描述分类 回归 聚类问题的基本概念 1 基本概念 机器学习常识 2 数据类型从输入数据的角度来进行讨论 这里从输出数据 或者目标的角度来讨论 分类是指将一个样本预测为给定类别之一 也称为该样本打标签 例 1 如果我去向那个女生表白

  • API接口原理实现及应用

    API Application Programming Interface 接口是现代软件开发中不可或缺的一部分 它们提供了一种机制 使得不同的应用程序和服务可以相互通信 共享数据和功能 在这篇文章中 我们将探讨API接口的原理 实现及应用

  • stable diffusion ——img2img Api参数数据格式参考，插件包含ControlNet和roop换脸

    init images resize mode 0 denoising strength 1 0 image cfg scale 1 5 mask mask blur 4 inpainting fill 2 inpaint full res

  • 【SQL】19 SQL函数

    SQL 拥有很多可用于计数和计算的内建函数 SQL Aggregate 函数 SQL Aggregate 函数计算从列中取得的值 返回一个单一的值 有用的 Aggregate 函数 AVG 返回平均值 COUNT 返回行数 FIRST 返回

  • DataX下载安装使用

    文章目录 01 Clickhouse到HBase Phoenix 数据导入 DataX 介绍 下载 执行同步的组件 配置数据同步 查看官方读写配置样例 创建Hbase和Phoenix表 创建ClickHouse表 写入ClickHouse测

  • 测试经验分享：做一个靠谱的软件测试人员

    何为靠谱 在带新人过程中 交待测试新人测试任务时 都不会忘记交待这样的一句话 这个开发如何如何 比如这个开发代码质量很好 少bug 修改bug也快 比如这个开发编码有点慢 跟任务时多催一下 比如这个开发编码质量不怎么样 bug多 你测试的时

  • 计算机网络系列--TCP 篇

    TCP 是因特网协议栈中运输层 传输层 常用的协议 该协议的全称为 Transmission Control Protocol 传输控制协议 它提供了一种可靠的数据传输 而因特网协议栈中运输层的另一种常用的协议则不提供可靠的数据传输 它在网

  • 消息中间件（一）

    文章目录 消息中间件 什么是中间件 为什么使用MQ 应用场景 JMS和AMQP JMS AMQP JMS和AMQP的区别 消息队列产品 消息中间件 什么是中间件 MQ全称为Message Queue 消息队列是应用程序和应用程序之间的通信方

  • pytorch mm.data.eq(1).nonzero()

    从这里看到 https www codenong com cs105935637 mm torch tensor 1 3 5 1 1 4 1 8 print mm n mm print mm data n mm data print mm

  • Winform 编写一个读取并解析csv的程序

    众所周知 CSV是一种通用的 相对简单的文件格式 被用户 商业和科学广泛应用 所以在制作游戏时 可能会用到CSV来记录各个物品的数据 就像这样 ID Name Description ItemType 01 无机化学 第四版 风靡于各大高校

  • Python---猜拳游戏石头剪刀布

    从控制台输入要出的拳 石头 1 剪刀 2 布 3 电脑 随机 出拳 先假定电脑只会出石头 完成整体代码功能 比较胜负 1 石头 2 剪刀 3 布 import random computer random randint 1 3 playe

  • 【flutter上传图片】

    1 使用multi image picker插件 选择图片 openPhotoSelect int maxImages context async try List

  • STM32外设系列—红外遥控

    文章目录 一 红外遥控简介 二 红外遥控的原理 三 二进制脉冲编码 3 1 NEC码的位定义 3 2 NEC遥控指令的数据格式 四 红外遥控程序设计思路 五 红外遥控程序设计 5 1 红外遥控初始化程序 5 2 记录高电平持续时间函数 5

  • php爬虫教程（二）数据请求分析

    可以看到这个请求返回的就是整个页面的html 如果我们需要这里的某一个数据就可以通过正则匹配的方式匹配出来

  • Pytorch环境配置｜m1 ｜macbookpro

    参考github上大大们的回答 链接在此 如果我有些不详细的点请自行查阅 菜鸟一枚 如果遇到问题可留言讨论 一起探索 有些复杂问题我也不会 见谅 1 安装miniforge3 我是直接下载的标红的 2 进入终端 command 空格 焦点搜

  • jQuery获取链接参数

    公司前端页面 之前公司前端竟然是用split函数分割链接来获取参数 真的无语了 这完全是没理解链接是干嘛的呀 搜了一个用正则匹配获取参数的方法 上代码 获取url中的参数 function getUrlParam name var reg

  • 使用代理重加密+PlatONE，来保证数据可信、安全地共享

    在制造 医药等行业中 有着大量沉睡的数据 利用这些数据 将有潜力推动技术创新或解密生命科学 但同时 这些数据中涉及商业机密和用户隐私保护 在不可信环境下实现安全的数据共享一直是一个难题 传统中心化方案存在数据容易被泄露 数据容易被篡改 数据

  • 1] python 爬取微信好友个性签名，生成词云

    在Anaconda下完成 参考https blog csdn net zhonglixianyun article details 78229782 结果图 1 需要的库 numpy os itchat wordcloud jieba 1

  • VRRP协议的作用

    文章目录 一 VRRP概述 1 1 VRRP概述 1 2 应用 1 3VRP工作原理 1 4选举依据 二 VRRP术语 2 1虚拟路由器 三 虚拟MAC地址 3 1虚拟MAC地址 3 2选举出master back

  • react+ts+vite+router6+antd 保姆级搭建

    一 项目搭建 采用vite方式 根据选择 react ts pnpm create vite 1 1 修改初始结构 删除多余文件 1 2 修改vite config配置文件 配置别名 vite config import defineCon

热门标签