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

Vue3使用Vite创建项目

news 2026/5/21 3:42:56

node版本：node -v
v18.16.0
npm版本: npm -v
9.5.1

Vite

Vite：是一种新型前端构建工具，能够显著提升前端开发体验
脚手架，创建Vue项目，替代 Vue-cli

基于Vite创建vue项目：
1.npm create vite@latest
在这里插入图片描述
2.完成初始化
cd vue02
npm install
npm run dev

访问：http://localhost:5173/
在这里插入图片描述
Vite的项目结构:
在这里插入图片描述

相关文章：

Vue3使用Vite创建项目

node版本：node -v v18.16.0 npm版本: npm -v 9.5.1 Vite Vite：是一种新型前端构建工具，能够显著提升前端开发体验 脚手架，创建Vue项目，替代 Vue-cli 基于Vite创建vue项目： 1.npm create vitelatest 2.完…...

编程日记 2023/10/18 7:07:28

NCV7724DQBR2G车规级半桥电机驱动芯片-专为汽车，工业自动化应用提供完美解决方案

车规级半桥电机驱动芯片是一种用于驱动直流电机的芯片，常用于电动汽车、电动自行车等领域。它可以控制电机的转速和方向，并且具有过流保护、过温保护等功能，可以保证电机的安全运行。 NCV7724DQBR2G是一款车规级八通道半桥驱动器，…...

编程日记 2023/10/18 7:06:26

NSS [GWCTF 2019]枯燥的抽奖

NSS [GWCTF 2019]枯燥的抽奖 开题让我猜字符串，这种题目肯定不是猜，应该是类似于php伪随机数。 dirsearch扫他一下。 访问/check.php得到源码。 分析一下代码。 通过PHP伪随机数从字符库$str_long1中选取20个字符组成字符串，返回给我们前十…...

编程日记 2023/10/18 7:05:26

微信小程序会议OA系统

Flex弹性布局 Flex弹性布局是一种 CSS3 的布局模式，也叫Flexbox。它可以让容器中的元素按一定比例自动分配空间，使得它们在不同宽度、高度等情况下仍能保持整齐和密集不间隙地排列。 在使用Flexbox弹性布局时，首先需要创建一个容器和若干个…...

编程日记 2023/10/18 7:04:25

CICD:Circle CI 实现CICD

持续集成解决什么问题 提高软件质量效率迭代便捷部署快速交付、便于管理 持续集成（CI） 集成，就是一些孤立的事物或元素通过某种方式集中在一起，产生联系，从而构建一个有机整体的过程。 持续，就是指长期…...

编程日记 2023/10/18 7:03:24

竞赛 深度学习YOLO安检管制物品识别与检测 - python opencv

文章目录 0 前言1 课题背景2 实现效果3 卷积神经网络4 Yolov55 模型训练6 实现效果7 最后 0 前言 🔥 优质竞赛项目系列，今天要分享的是 🚩 **基于深度学习YOLO安检管制误判识别与检测 ** 该项目较为新颖，适合作为竞赛课题方向&…...

编程日记 2023/10/18 7:02:23

【华为OD机试python】斗地主之顺子【2023 B卷|100分】

【华为OD机试】-真题 !!点这里！！ 【华为OD机试】真题考点分类 !!点这里 !! 题目描述 在斗地主扑克牌游戏中， 扑克牌由小到大的顺序为：3,4,5,6,7,8,9,10,J,Q,K,A,2， 玩家可以出的扑克牌阵型有：单张、对子、顺子、飞机、炸弹等。 其中顺子的出牌规则为：由至少5张由小到大…...

编程日记 2023/10/18 7:01:22

ant design DatePicker禁用之前的时间

1、代码 <DatePicker fieldProps{disabledDate: (current: any) > {return current < moment().startOf(day);}}/>2、效果...

编程日记 2023/10/18 7:00:21

C语言---预处理详解

1.预定义符号 在C语言中有一些内置的预定义符号 __FILE__ __LINE__ __DATE__ __TIME__ __STDC__//进行编译的源文件 //文件当前的行号 //文件被编译的日期 //文件被编译的时间 //如果编译器遵循ANSI C&#xff0c;其值为1&#xff0c;否则未定义 编译器在__STDC__报错,说明,v…...

编程日记 2023/10/18 6:59:21

数组和对象有什么区别？

数组&#xff08;Array&#xff09;和对象&#xff08;Object&#xff09;是两种不同的数据结构&#xff0c;它们在使用和表示数据上有一些区别。 1&#xff1a;数组&#xff08;Array&#xff09;&#xff1a; 有序集合&#xff1a;数组是一个有序的数据集合&#xff0c;每个…...

编程日记 2023/10/18 6:58:19

顺序表（第二节）实现和解析

目录 1.顺序表中的头文件 &#xff08;每一种函数方法&#xff09; 2.关于typedef 的用法 3.初始化和销毁表 3.1初始化表 3.2销毁表 4.打印表 5.自动扩容表&#xff01;&#xff01;&#xff01;&#xff08;重点&#xff09; 6.头部插入表和尾部插入表 6.1尾部插入表 …...

编程日记 2023/10/18 6:56:17

Hadoop3教程（二十一）：MapReduce中的压缩

文章目录 &#xff08;123&#xff09;压缩概述在Map阶段启用在Reduce阶段启用 &#xff08;124&#xff09;压缩案例实操如何在Map输出端启用压缩如何在Reduce端启用压缩 参考文献 &#xff08;123&#xff09;压缩概述 压缩也是MR中比较重要的一环&#xff0c;其可以应用于M…...

编程日记 2023/10/18 6:55:16

04、RocketMQ -- 核心基础使用

目录 核心基础使用1、入门案例生产者消费者 2、消息发送方式方式1&#xff1a;同步消息方式2&#xff1a;异步消息方式3&#xff1a;一次性消息管控台使用过程中可能出现的问题 3、消息消费方式集群模式&#xff08;默认&#xff09;广播模式 4、顺序消息分析图&#xff1a;代码…...

编程日记 2023/10/18 6:54:15

mysql中date/datetime类型自动转go的时间类型time.Time

在DSN中需要加入parseTimetrue&&locLocal&#xff0c;或 charsetutf8mb4&locAsia%2FShanghai&parseTimetrue。 package main_testimport ("database/sql""fmt""testing""time"_ "github.com/go-sql-driver/mysq…...

编程日记 2023/10/18 6:53:14

MATLAB算法实战应用案例精讲-【图像处理】机器视觉（基础篇）

目录 前言 几个高频面试题目 如何选择合适的面扫相机 如何选择光学滤波器 知识储备...

编程日记 2023/10/18 6:52:13

LDAP协议工作原理

LDAP&#xff0c;全称Lightweight Directory Access Protocol&#xff0c;译为轻量目录访问协议&#xff0c;是一个在互联网中广泛使用的协议&#xff0c;主要用于实现网络中的信息查找和检索。在身份认证方面&#xff0c;LDAP起着重要的作用。 LDAP的工作原理主要包括以下几个…...

编程日记 2023/10/18 6:51:13

【Jetpack Compose】BOM是什么？

前言 本篇旨在帮助小伙伴们了解和使用Compose中BOM相关的知识&#xff0c;在Compose的开发过程中更加便捷、统一的管理相关依赖信息。 BOM基础知识 Compose推出的BOM为物料清单的意思&#xff0c;BOM全称为Bill Of Materials&#xff0c;Compose推出BOM的意义旨在通过指定的…...

编程日记 2023/10/18 6:49:11

多域名SSL数字证书是什么呢

多域名SSL数字证书是众多SSL数字证书中最灵活的一款SSL证书产品。一般一张SSL证书只能保护一个域名&#xff0c;即使能保护多个域名站点&#xff0c;证书保护的域名类型也有限制(通配符SSL数字证书)。多域名SSL数字证书既能用一张SSL证书保护多个域名网站&#xff0c;又不限制域…...

编程日记 2023/10/18 6:47:08

杭电oj--求奇数的乘积

Problem Description 给你n个整数&#xff0c;求他们中所有奇数的乘积。 Input 输入数据包含多个测试实例&#xff0c;每个测试实例占一行&#xff0c;每行的第一个数为n&#xff0c;表示本组数据一共有n个&#xff0c;接着是n个整数&#xff0c;你可以假设每组数据必定至少存…...

编程日记 2023/10/18 6:46:07

E053-web安全应用-Brute force暴力破解初级

课程分类&#xff1a; web安全应用 实验等级: 中级 任务场景: 【任务场景】 小王接到磐石公司的邀请&#xff0c;对该公司旗下的网站进行安全检测&#xff0c;经过一番检查发现该论坛的后台登录页面上可能存在万能密码漏洞&#xff0c;导致不知道账号密码也能登录后台&am…...

编程日记 2023/10/18 6:45:05

别再只问哪个大模型更强了，2026年真正决定AI Agent上限的，是向量引擎

别再只问哪个大模型更强了&#xff0c;2026年真正决定AI Agent上限的&#xff0c;是向量引擎 这两年做AI的人&#xff0c;最容易掉进一个坑。 每天盯着模型榜单看。 今天这个模型会写代码了。 明天那个模型会看视频了。 后天又有一个模型说自己推理能力更强了。 看久了以后&…...

编程新知 2026/5/21 3:42:09

CRM功能解析：覆盖客户、销售、数据、库存、工单全场景

在数字化转型浪潮中&#xff0c;企业对业务管理系统的需求已从单一CRM延伸至客户分层、销售自动化、数据分析、进销存、工单协同的全链路覆盖。不同系统在核心能力的实现逻辑与落地价值上差异显著&#xff0c;本文选取超兔一体云、Attio、Creatio、伙伴云CRM、OKKICRM&#xff…...

编程新知 2026/5/21 2:42:40

复旦微FM33FR0xx开发板实战：从零构建低功耗电容触摸应用

1. 项目概述&#xff1a;从一块开发板说起最近在捣鼓智能家居的小玩意儿&#xff0c;想找个带触摸功能又够省电的MCU&#xff0c;正好看到了复旦微电子新出的FM33FR0xx系列开发套件。这板子到手玩了一阵&#xff0c;感觉挺有意思&#xff0c;它不单单是块核心板&#xff0c;还配…...

编程新知 2026/5/21 2:13:25

置信区间不只是统计学：如何用它给你的深度学习模型预测‘上保险’？（以目标检测为例）

置信区间在深度学习中的实战应用&#xff1a;为目标检测模型预测加装"安全气囊" 当自动驾驶汽车在雨中识别模糊的交通标志时&#xff0c;当医疗AI系统标记疑似肿瘤区域时&#xff0c;模型输出的不仅是"是什么"&#xff0c;更关键的是"有多确定"。…...

编程新知 2026/5/21 0:10:24

别再搞混了！SAP物料主数据、BOM、工艺路线里的三种损耗率（Scrap）到底怎么配？

SAP三大损耗率配置实战指南&#xff1a;从物料主数据到工艺路线的精准决策 在SAP PP模块实施过程中&#xff0c;物料损耗率的配置往往成为顾问团队争论的焦点。我曾参与过一个汽车零部件制造项目&#xff0c;由于初期对三种损耗率的理解偏差&#xff0c;导致MRP运算结果与实际情…...

编程新知 2026/5/20 23:36:01

Wave Terminal：集成 AI 功能的强大终端，助你高效工作！

Wave Terminal&#xff1a;集成 AI 功能的强大终端应用&#xff0c;高效工作新选择&#xff01;Wave Terminal 是一款功能强大的终端应用程序&#xff0c;它将多种工具集于一身&#xff0c;还集成了 AI 功能&#xff0c;支持 Linux、MacOS 和 Windows 系统。使用 Linux 终端数十…...

编程新知 2026/5/20 23:34:00

人工智能导论：模型与算法（未来发展与趋势）

9 人工智能未来发展和趋势 人工智能作为引领新一轮科技革命和产业变革的战略性技术&#xff0c;正在深刻改变人类社会。本章从类脑计算、自动化机器学习、神经网络压缩、人工智能芯片、量子机器学习、人工智能伦理与治理、人工智能算法开发框架等方面&#xff0c;简要总结人工智…...

编程新知 2026/5/20 23:31:57

联想笔记本BIOS隐藏设置终极解锁指南：3步开启高级功能

联想笔记本BIOS隐藏设置终极解锁指南&#xff1a;3步开启高级功能 【免费下载链接】LEGION_Y7000Series_Insyde_Advanced_Settings_Tools 支持一键修改 Insyde BIOS 隐藏选项的小工具&#xff0c;例如关闭CFG LOCK、修改DVMT等等 项目地址: https://gitcode.com/gh_mirrors/l…...

编程新知 2026/5/20 22:08:47

为什么92%的DeepSeek RAG Pipeline在迭代3轮后崩溃？真相藏在这份DRY反模式检查清单里（附Git Hooks自动拦截脚本）

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;DeepSeek RAG Pipeline崩溃现象与DRY原则失效全景图 DeepSeek RAG Pipeline在高并发检索与动态文档更新场景下频繁出现不可恢复的worker panic&#xff0c;典型表现为embedding向量化阶段goroutine泄漏、向量数…...

编程新知 2026/5/20 21:12:53

AUTOSAR Ea模块深度剖析：从原理到实战的EEPROM抽象层配置与优化

1. 项目概述&#xff1a;为什么我们需要深入理解Ea模块&#xff1f;在AUTOSAR的软件架构里&#xff0c;NVRAM管理器&#xff08;NvM&#xff09;负责非易失性数据的抽象管理&#xff0c;而Ea&#xff08;EEPROM Abstraction&#xff0c;EEPROM抽象&#xff09;模块&#xff0c;…...

编程新知 2026/5/20 21:04:45