vite+vue3初始化项目

news2025/1/18 2:04:30

node环境

14.18+,16+。最好是16+

初始化项目

执行 npm create vue@latest 就是基于vite的命令,执行后会出现以下选择:
在这里插入图片描述

目录结构介绍

基本和vue2一个意思
在这里插入图片描述

vite.config.js文件如同vue2中的vue.config.js文件,用于配置项目的

安装依赖

npm install

请添加图片描述
在这里插入图片描述

启动项目

npm run dev

请添加图片描述

结果:

在这里插入图片描述

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

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

相关文章

C语言入门 Day_5 四则运算

目录 前言 1.四则运算 2.其他运算 3.易错点 4.思维导图 前言 图为世界上第一台通用计算机ENIAC,于1946年2月14日在美国宾夕法尼亚大学诞生。发明人是美国人莫克利(JohnW.Mauchly)和艾克特(J.PresperEckert)。 计算机的最开始…

应用在汽车前照灯系统中的环境光传感芯片

为了保证行车照明的安全性和方便性,减轻驾驶员的劳动强度。近年来,出现了许多新的照明控制系统,例如用于日间驾驶的自动照明系统、光束调节系统、延迟控制等。尤其是汽车自适应前照灯系统,它是一种能够自动改变两种以上的光型以适…

驱动压力P阀10Ω/流量Q阀40Ω比例阀放大器

模块式比例放大器用于控制比例压力流量阀,可驱动PQ比例阀或驱动两路独立控制比例阀,数码管显示现场可设置不同参数,带故障报警提示,DIN35mm导轨安装,24VDC供电;输入指令信号可选0-5V,0-10V&…

线切割数控系统 CAM 功能开发

在第三章我们完成了 Windows CE 系统的的内核定制与软件移植,本实验室开 发的 CAWEP 软件实现了从图形绘制、编辑到运动仿真、代码输出等功能,并未真 正意义上实现线切割机床的控制,本章我们在已有软件的基础上,进行研究与开…

DFT笔记 DC/AC mode与Func

DFT scan可以分为DC和AC两种,区别如下图 DC模式需要ate测试机台提供test clock时钟(最快100M),DFT工程师需要升级普通reg变成带si和so,se pin的reg,并插入扫描链(scan chain)&#x…

系统组件化接口设计

1. 定义这里的系统是指对于一个大系统(如供应链系统)来说划分成的若干小的项目包(如销售管理、采购管理、生产管理)。系统间的接口要讨论的是有关项目包间如何传递数据、数据传递的方式、接口程序及调用方式等问题。2. 原则 保持各项目包间的高度独立性,包括设计的独…

使用wxPython嵌入浏览器加载本地HTML文件

使用wxPython模块嵌入浏览器并加载本地HTML文件的示例博客。以下是一个简单的示例: 介绍: 在本篇博客中,我们将使用Python的wxPython模块来嵌入一个浏览器,并加载一个本地的HTML文件。这对于需要在Python应用程序中显示Web内容…

Visual Studio 2022 中解决使用scanf报错的方法(一劳永逸)

目录 【前言】 一、scanf报错示例 二、解决使用scanf报错的方法 解决方法1(不推荐) 解决方法2(不推荐) 解决方法3(强烈推荐) 第一步 第二步 第三步 三、效果演示(方法三) …

EF Core+外键

nuget:Microsoft.EntityFrameworkCore.SqlServer Microsoft.EntityFrameworkCore.Tools//这个是反向工程,就是把数据导入到程 1.将数据库各表导入到程式 Scaffold-DbContext Data SourceWAYLIPC;Initial CatalogLabOcr;Persist Security InfoTrue;User IDsa;passw…

加杠杆的股票类型是什么?

加杠杆的股票类型在投资领域有不同的称呼,包括杠杆股票、倍增股票、奇特股票等。这些股票类型都具有共同的特点,即提供给投资者以杠杆交易的机会,可以放大投资的回报。以下是对加杠杆的股票类型的介绍。 1. 杠杆型基金:杠杆型基金…

文件上传第三方存储平台:七牛云对象存储(Java为例)

目录 一、注册账号并创建密钥 二、创建存储空间bucket 三、手动添加文件到存储空间 四、代码中执行上传操作 我发现很多人还不知道对于第三方存储如何在代码中进行使用,而实际开发中很多场景下可能都会遇到。 所以我特别写一篇博客,目的一是方便自己…

idea自动导入包,自动删除包

当我们复制代码时,需要一个个导入包,删除代码时,没有用到的包就没用了,忘记删了就导致代码臃肿了,设置自动导入自动删除包使我们的代码更加简洁。 1、file–>settings 2、找到Auto Import 3、勾选Add unambiguous …

JavaScript实现在线Excel的附件上传与下载

摘要:本文由葡萄城技术团队于CSDN原创并首发。转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 前言 在本地使用Excel时,经常会有需要在Excel中添加一些附件文件的需求&am…

FOSSASIA Summit 2023 - 开源亚洲行

作者 Ted 致歉:本来这篇博客早就该发出,但是由于前几个月频繁差旅导致精神不佳,再加上后续我又参加了 Linux 基金会 7/27 在瑞士日内瓦举办的 Open Source Congress,以及 7/29-30 台北的 COSCUP23,干脆三篇连发&#x…

HICP实验--MPLS VPN

前置学习 HCIP学习--MPLS_板栗妖怪的博客-CSDN博客 一、实验拓扑 二、实验要求 1、R1与R5MPLS VPN 2、R6与R7MPLS VPN 3、 R7可以访问R2/3/4的环回 三、实验步骤 首先配置IP R1 [r1-GigabitEthernet0/0/0]ip address 192.128.2.1 24 [r1-GigabitEthernet0/0/0]int l 0 [r1-…

从“智能涌现”到“价值涌现”,讯飞星火又一次“登月”

狂飙200多天后,国产大模型的数量已超过百家,正式迈入“百模大战”阶段。 越往后走,普通用户和产业各界对大模型的期待,也从“你家的大模型涌现了吗?”的能力突破,快进到了“大模型究竟能帮我干什么”的“价…

Android 性能优化–Gradle 编译速度优化

Android 性能优化–Gradle 编译速度优化 1. 保持工具最新2. 使用 KSP 代替 kapt3. 避免编译不必要的资源4. 优化 repositories maven 排序5. 在调试构建中使用静态构建配置值6. 使用静态依赖版本7. 创建库模块8. 为自定义构建逻辑创建任务9. 将图像转换为 WebP10. 禁用 PNG 处…

SpringBoot3集成ElasticSearch

标签:ElasticSearch8.Kibana8; 一、简介 Elasticsearch是一个分布式、RESTful风格的搜索和数据分析引擎,适用于各种数据类型,数字、文本、地理位置、结构化数据、非结构化数据; 在实际的工作中,历经过Ela…

github中Keyless Google Maps API在网页中显示地图和标记 无需api key

使用Google Maps API在网页中显示地图和标记的示例博客。以下是一个简单的示例: C:\pythoncode\blog\google-map-markers-gh-pages\google-map-markers-gh-pages\index.html 介绍: 在本篇博客中,我们将学习如何使用Google Maps API在网页中…

MySQL— 基础语法大全及操作演示!!!(上)

MySQL—— 基础语法大全及操作演示(上) 一、MySQL概述1.1 、数据库相关概念1.1.1 MySQL启动和停止 1.2 、MySQL 客户端连接1.3 、数据模型 二、SQL2.1、SQL通用语法2.2、SQL分类2.3、DDL2.3.1 DDL — 数据库操作2.3.1 DDL — 表操作 2.4、DML2.4.1 DML—…