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

vue3学习 【2】vite起步和开发工具基本配置

news 文章来源：https://blog.csdn.net/qq_23370345/article/details/135414477 2025/1/12 17:50:54

vite的简介

官方文档
刚起步学习，所以我们只需要按照官方文档的入门流程即可。推荐阅读一下官网的为什么使用vite
vite目前需要的node版本是18+，可以参考上一篇文章的安装nvm，用来进行多版本的node管理。

vite安装与使用

npm create vite@latest

执行完成后，回车提示选择模板，这里选择vue然后回车：
选择模板
选择类型，推荐选择TypScript毕竟vue3一个特点就是对Ts的支持：
在这里插入图片描述
安装完成：（可能部分人会有额外步骤，按照选项执行即可）
在这里插入图片描述

cd vite-project
npm install 
npm run dev

执行完上述命令 我们就启动了一个最基础的vue3项目；访问
http://localhost:5173

即可
在这里插入图片描述

vue模版介绍

vue官方推荐了很多模版，可以使用命令行执行，这样可以少一些回车操作，建议阅读官方文档

相关文章：

vue3学习 【2】vite起步和开发工具基本配置

vite的简介 官方文档 刚起步学习，所以我们只需要按照官方文档的入门流程即可。推荐阅读一下官网的为什么使用vite vite目前需要的node版本是18，可以参考上一篇文章的安装nvm，用来进行多版本的node管理。 vite安装与使用 npm create vitela…...

编程日记 2024/1/6 7:44:19

计算机创新协会冬令营——暴力枚举题目06

我给大家第一阶段的最后一道题就到这里了，下次得过段时间了。所以这道题简单一点。但是足够经典 下述题目描述和示例均来自力扣：两数之和 题目描述 给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target …...

编程日记 2024/1/6 7:43:18

单片机快速入门

参考连接： 安装MinGW-64（在win10上搭建C/C开发环境）https://zhuanlan.zhihu.com/p/85429160MinGW-64; 链接：https://pan.baidu.com/s/1oE1FmjyK7aJPnDC8vASmCg?pwdy1mz 提取码：y1mz --来自百度网盘超级会员V7的分享C…...

编程日记 2024/1/6 7:42:17

Eureka相关问题及答案(2024)

1、什么是Eureka？ Eureka是一个由Netflix开发的服务发现（Service Discovery）工具，它是Spring Cloud生态系统中的一个关键组件。服务发现是微服务架构中的一个重要概念，它允许服务实例在启动时注册自己，以便…...

编程日记 2024/1/6 7:41:15

Django 7 实现Web便签

一、效果图 二、会用到的知识 目录结构与URL路由注册request与response对象模板基础与模板继承ORM查询后台管理 三、实现步骤 1. terminal 输入 django-admin startapp the_10回车 2. 注册， 在 tutorial子文件夹settings.py INSTALLED_APPS 中括号添加 "the…...

编程日记 2024/1/6 7:39:14

Jenkins集成部署java项目

文章目录 Jenkins简介安装 Jenkins简介 Jenkins能实时监控集成中存在的错误，提供详细的日志文件和提醒功能，还能用图表的形式形象的展示项目构建的趋势和稳定性。 官网 安装 在官网下载windows版本的Jenkins 但是我点击这里浏览器没有反应&#xff0…...

编程日记 2024/1/6 7:38:13

FFmpeg之——获取上传视频的尺寸（长、宽）

获取上传视频的尺寸： 获取视频尺寸通常需要借助第三方库FFmpeg。 首先，确保你的系统中已安装了FFmpeg，并且FFmpeg的可执行文件路径已经添加到你的系统环境变量中。 1.官网下载ffmpeg 进入 链接: ffmpeg官网 网址，点击下载wind…...

编程日记 2024/1/6 7:36:11

Ajax学习

文章目录 AjaxAjax 是什么Ajax 经典应用场景Ajax 原理示意图ajax的异步请求的方法ajax的逻辑：应用实例-验证用户名是否存在思路框架图：需求分析: 到数据库去验证用户名是否可用思路框架图大功告成：使用JQuery-Ajax实现上面相同的需求：Ajax Ajax 是什么 AJAX 即"Async…...

编程日记 2024/1/6 7:29:06

排序算法——关于快速排序的详解

目录 1.基本思想 2.基本原理 2.1划分思想 2.2排序过程 （1）选择基准值 （2）分割过程（Partition） （3）递归排序 （4）合并过程 2.3具体实例 2.4实现代码 2.5关键要…...

编程日记 2024/1/6 7:28:05

序言：《未来已来》

尊敬的读者， 你是否曾经在面对冗长的报告、繁琐的工作、沉重的生活压力时感到困扰，渴望找到一种方式来提升效率，释放压力？你是否曾经在自我创业的道路上，苦于找不到有效的市场营销方式，寻求突破&#xff1f…...

编程日记 2024/1/6 7:27:04

【Spring实战】22 Spring Actuator 入门

文章目录 1. 定义2. 功能3. 依赖4. 配置5. 常用的应用场景1）环境监控2）运维管理3）性能优化 结论 Spring Actuator 是 Spring 框架的一个模块，为开发人员提供了一套强大的监控和管理功能。本文将深入探讨 Spring Actuator 的定义、…...

编程日记 2024/1/6 7:26:03

JSON安全性

确保JSON处理的安全性是现代Web开发中重要的一环。以下是一些关键的安全实践，用于防止JSON注入攻击以及确保数据在传输过程中的安全性： 1. **验证和清洗输入：** - 在将任何数据写入数据库之前，请确保验证用户输入。对于期望的JSON…...

编程日记 2024/1/6 7:25:02

spring-boot-maven插件repackage（goal）的那些事

前言&#xff1a;在打包Springboot项目成jar包时需要在pom.xml使用spring-boot-maven-plugin来增加Maven功能&#xff0c;在我的上一篇博客<<Maven生命周期和插件的那些事&#xff08;2021版&#xff09;>>中已经介绍过Maven和插件的关系&#xff0c;在此不再赘述&…...

编程日记 2024/1/6 7:21:59

ubuntu的boot分区被删除恢复

在鼓捣黑苹果的时候&#xff0c;误删了ubuntu的boot分区&#xff0c;进系统的时候出现emergency mode&#xff0c;那么现在来讲讲怎么恢复 首先做一个ubuntu的启动盘&#xff0c;然后进入启动盘的系统选择试用 呼出命令行&#xff0c;然后添加一个源 sudo add-apt-repository…...

编程日记 2024/1/6 7:20:58

【userfaultfd 条件竞争】starCTF2019 - hackme

前言 呜呜呜&#xff0c;这题不难&#xff0c;但是差不多一个多月没碰我的女朋友 kernel pwn 了&#xff0c;对我的 root 宝宝也是非常想念&#xff0c;可惜这题没有找到我的 root 宝宝&#xff0c;就偷了她的 flag。 哎有点生疏了&#xff0c;这题没看出来堆溢出&#xff0c…...

编程日记 2024/1/6 7:18:56

深度学习中的自动化标签转换：对数据集所有标签做映射转换

在机器学习中&#xff0c;特别是在涉及图像识别或分类的项目中&#xff0c;标签数据的组织和准确性至关重要。本文探讨了一个旨在高效转换标签数据的 Python 脚本。该脚本在需要更新或更改类标签的场景中特别有用&#xff0c;这是正在进行的机器学习项目中的常见任务。我们将逐…...

编程日记 2024/1/6 7:17:55

c语言-函数指针

目录 前言一、函数指针1.1 函数指针定义1.2 函数指针调用函数1.3 函数指针代码分析 总结 前言 本篇文章介绍c语言中的函数指针以及函数指针的应用。 一、函数指针 函数指针&#xff1a;指向函数的指针。 函数在编译时分配地址。 &函数名 和 函数名代表的意义相同&#xf…...

编程日记 2024/1/6 7:16:54

conda

一、安装 推荐清华源 https://mirrors.tuna.tsinghua.edu.cn/anaconda/miniconda/?CN&OD选择版本 Miniconda3-py39_4.12.0-MacOSX-arm64.pkg测试命令 conda help二、更换仓库 配置加速 https://mirrors.tuna.tsinghua.edu.cn/help/anaconda/没有 .condarc 文件则执行…...

编程日记 2024/1/6 7:15:53

【Vue】灵魂拷问

1、说说Vue的优缺点 优点&#xff1a;渐进式&#xff0c;组件化&#xff0c;轻量级&#xff0c;虚拟dom&#xff0c;响应式&#xff0c;单页面路由&#xff0c;数据与视图分开缺点&#xff1a;单页面不利于seo&#xff0c;不支持IE8以下&#xff0c;首屏加载时间长 2、为什么…...

编程日记 2024/1/6 7:14:53

Scrapy 1.3.0 使用简介

scrapy 1.3.0 python 2.7 创建一个项目&#xff1a; Before you startscraping, you will have to set up a new Scrapy project. Enter a directory whereyou’d like to store your code and run: scrapy startproject tutorial 然后就会得到一系列文件&#xff1a; 第一个爬…...

编程日记 2024/1/6 7:10:49

单机+内部备份_全备案例

此场景为单机数据库节点内部备份&#xff0c;方便部署和操作&#xff0c;但备份REPO与数据库实例处于同一个物理主机&#xff0c;冗余度较低。 前期准备 配置ksql免密登录(必须) 在Kingbase数据库运行维护中&#xff0c;经常用到ksql工具登录数据库&#xff0c;本地免密登录…...

编程日记 2024/1/6 7:08:47

【kettle】pdi/data-integration 打开ktr文件报错“Unable to load step info from XML“

一、报错内容&#xff1a; Unable to load step info from XML step nodeorg.pentaho.di.core.exception.KettleXMLException: Unable to load step info from XMLat org.pentaho.commons.launcher.Launcher.main (Launcher.java:92)at java.lang.reflect.Method.invoke (Met…...

编程日记 2024/1/6 7:05:44

cocos creator人开发小游戏免费素材资源

1、首先熟悉官方的手册和api文档&#xff0c;文档还是比较详细&#xff0c;游戏的方方面面都涉及到了 官方手册&#xff1a; http://docs.cocos.com/creator/manual/zh/官方api文档&#xff1a; http://docs.cocos.com/creator/api/zh/官方论坛&#xff1a; https://forum.coco…...

编程日记 2024/1/6 7:04:43

除了sd webui，compfy还有一个sd UI

GitHub - VoltaML/voltaML-fast-stable-diffusion: Beautiful and Easy to use Stable Diffusion WebUI...

编程日记 2024/1/6 7:03:41

c++属于同一个类的不同对象之间可相互访问private和protected成员

先看一个代码例子&#xff1a; #include <stdio.h>class A { private:char* name;void printA_Name() const {printf(name);} public:A(char* name) {this->name name;}void printA_Name(const A& a) {printf(a.name);}void printA_Name2(const A& a) {a.pr…...

编程日记 2024/1/6 7:01:39

QT/C++ 远程数据采集上位机+服务器

一、项目介绍&#xff1a; 远程数据采集与传输 课题要求:编写个基于TCP的网络数据获取与传输的应用程序; 该程序具备以下功能: 1)本地端程序够通过串口与下位机(单片机)进行通信&#xff0c;实现数据采集任务 2)本地端程序能将所获取下位机数据进行保存(如csv文本格式等); 3…...

编程日记 2024/1/6 6:59:37

算法每日一题：保龄球游戏的获胜者

大家好&#xff0c;我是星恒 今天的每一一题是一道简单题目&#xff0c;但是没能秒掉&#xff0c;原因就是题意理解不到位&#xff0c;边界问题没有判断清楚 不过这本来就是一个试错&#xff0c;迭代&#xff0c;积累经验的过程&#xff0c;加油加油&#xff0c;相信做多了&…...

编程日记 2024/1/6 6:58:36

Do you know about domestic CPUs

Do you know about domestic CPUs CPU指令集国产CPU CPU指令集 国产CPU 参考文献 国产CPU之4种架构和6大品牌指令集及架构一文深入了解 CPU 的型号、代际架构与微架构国产GPU芯片厂商有哪些深入GPU硬件架构及运行机制详解服务器GPU架构和基础知识...

编程日记 2024/1/6 6:54:33

软件设计模式 --- 类，对象和工厂模式的引入

Q1&#xff1a;什么是软件设计模式&#xff1f; A&#xff1a;软件设计模式&#xff0c;又称设计模式。它是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性、程序的重用性。综上&…...

编程日记 2024/1/6 6:52:30

LeetCode74二分搜索优化：二维矩阵中的高效查找策略

题目描述 力扣地址 给你一个满足下述两条属性的 m x n 整数矩阵&#xff1a; 每行中的整数从左到右按非严格递增顺序排列。每行的第一个整数大于前一行的最后一个整数。 给你一个整数 target &#xff0c;如果 target 在矩阵中&#xff0c;返回 true &#xff1b;否则&…...

编程日记 2024/1/6 6:51:30

wordpress 幻灯片/新浪博客

我们大家都知道,JS有个很经典的浮点运算精度丢失问题,今天我们就来聊一聊这个问题产生的原因,以及该如何去解决它呢? 先来看下面的代码,0.10.2的结果不等于0.3,这是不是超出了我们之前的认知呢?毕竟0.10.20.3可是我们小学就已经学会了的东西,到这里怎么就不一样了呢? 0.1 …...

编程日记 2025/1/12 13:32:27

宁夏水利厅建设管理处网站/seo搜索如何优化

MinHash首先它是一种基于JaccardIndex相似度的算法&#xff0c;也是一种LSH的降维的方法&#xff0c;应用于大数据集的相似度检索、推荐系统。下边按我的理解介绍下MinHash。举例A&#xff0c;B两个集合&#xff1a;A{s1,s3,s6,s8,s9}B{s3,s4,s7,s8,s10}根据JaccardIndex公式&a…...

编程日记 2025/1/12 13:23:17

css做电商网站首页/分销平台

CListCtrl删除所有列&#xff1a; int int_itemcount m_CListCtrl1. GetHeaderCtrl()->GetItemCount ();for(int nIndex0; nIndex<int_itemcount ;nIndex) {m_CListCtrl1.DeleteColumn (0);}转载于:https://www.cnblogs.com/bibo/p/3897843.html...

编程日记 2025/1/12 12:18:02

北京市建设投标网站/seo主要做什么工作

灯光的测试例子&#xff1a;光源参数可以调节的测试场景 先看一下测试场景和效果。 场景中可以切换视图&#xff0c; 以方便观察三维体和灯光的位置。环境光&#xff0c;漫射光&#xff0c;镜面反射光都可以在四种颜色间切换。 灯光位置和摄像机位置(LookAt)可以输入数值或者点…...

编程日记 2025/1/12 11:17:31

网站建设公司做前端/私人网站管理软件

1.1 问题 编写一个send_mail.py脚本&#xff0c;实现以下功能&#xff1a; 1.创建bob和alice帐户 2.编写发送邮件件程序&#xff0c;发件人为root&#xff0c;收件人是本机的bob和alice帐户 1.2 步骤 实现此案例需要按照如下步骤进行。 步骤一&#xff1a;创建bob和alice帐…...

编程日记 2025/1/12 10:05:32

做网站图片大小不合适怎么调/百度广告优化

MySQL不支持数组变量。要获得相同的结果&#xff0c;请使用表DUAL。以下是语法&#xff1a;SELECT yourValue1 AS ArrayValue FROM DUALUNION ALLSELECT yourValue2 FROM DUALUNION ALLSELECT yourValue3 FROM DUALUNION ALLSELECT yourValue4 FROM DUALUNION ALL......SELECT …...

编程日记 2025/1/12 9:32:07