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

使用yarn命令创建Vue3项目

news 2026/3/31 17:40:02

文章目录

  • 1.技术栈
  • 2.创建流程
    • 2.1创建vue3项目
    • 2.2选择配置项
    • 2.3进入项目目录
  • 3.使用Yarn启动项目
    • 3.1安装依赖
    • 3.2运行项目

1.技术栈

yarn+vite+vue3

2.创建流程

2.1创建vue3项目

vue create 项目名称

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

2.2选择配置项

直接回车可选择Vue3

2.3进入项目目录

cd 项目名称

默认在当前路径下创建项目。

3.使用Yarn启动项目

3.1安装依赖

使用yarn包管理工具来安装项目的依赖项。

yarn install

3.2运行项目

yarn serve

至此，你的Vue3项目创建完成了

你也可以为你的Vue3项目添加更新更好更丰富的技术，比如Pinia状态管理……

相关文章：

使用yarn命令创建Vue3项目

文章目录 1.技术栈2.创建流程2.1创建vue3项目2.2选择配置项2.3进入项目目录 3.使用Yarn启动项目3.1安装依赖3.2运行项目 1.技术栈 yarnvitevue3 2.创建流程 2.1创建vue3项目 vue create 项目名称2.2选择配置项 直接回车可选择Vue3 2.3进入项目目录 cd 项目名称默认在当前…...

编程日记 2025/1/16 19:24:06

Three.js+Vue3+Vite应用lil-GUI调试开发3D效果（三）

前期文章中我们完成了创建第一个场景、添加轨道控制器的功能，接下来我们继续阐述其他的功能，本篇文章中主要讲述如何应用lil-GUI调试开发3D效果，在开始具体流程和步骤之前，请先查看之前的内容，因为该功能必须在前期内容…...

编程日记 2025/1/16 19:22:58

K8S集群常用命令

1，查看pod kubectl get pods -A 查看所有的pod kubectl get pods 这个只查看namespace为default下的pod，也就是只查看默认命名空间下的pod kubectl get pod -A -o wide 查看所有的pod，并且放出的信息更全（包含了pod的ip&#xff0…...

编程日记 2025/1/16 19:21:55

【优先算法】滑动窗口--（结合例题讲解解题思路）（C++）

目录 1. 例题1：最大连续1的个数 1.1 解题思路 1.2代码实现 1.3 错误示范如下：我最开始写了一种，但是解答错误，请看，给大家做个参考 2. 将 x 减到 0 的最小操作数 2.1解题思路 2.2代码实现 1. 例题1&#xff…...

编程日记 2025/1/16 19:20:54

mayavi -＞ python 3D可视化工具Mayavi的安装

前言 Mayavi是一个基于VTK（Visualization Toolkit）的科学计算和可视化工具，主要用于数据可视化和科学计算领域。 它提供了一系列的高级可视化工具，包括2D和3D图形、表面和体积渲染、流场可视化等。Mayavi可以通过Python脚本进行调…...

编程日记 2025/1/16 19:17:47

【C++】B2112 石头剪子布

博客主页： [小ᶻ☡꙳ᵃⁱᵍᶜ꙳] 本文专栏: C 文章目录 💯前言💯题目描述游戏规则：输入格式：输出格式：输入输出样例：解题分析与实现 💯我的做法实现逻辑优点与不足 &#x1f4af…...

编程日记 2025/1/16 19:10:33

【Vue】vue3 video 保存视频进度，每次进入加载上次的视频进度

使用 localStorage 存储每个视频的播放进度在组件加载时恢复上次的播放进度在视频播放过程中实时保存进度在组件卸载前保存最终进度使用 timeupdate 事件来监听视频播放进度的变化 在模板中为视频元素添加事件监听&#xff1a; <videoloopautoplaycontrols:id"video_…...

编程日记 2025/1/16 19:08:30

C# 25Dpoint

C# 25Dpoint &#xff0c;做一个备份 using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms;namespace _25Dpoint {public partial cl…...

编程日记 2025/1/16 18:52:02

如何制作一个高质量的 Dockerfile 镜像：从入门到实践

Docker 是一种轻量级的容器化技术&#xff0c;能够将应用程序及其依赖打包到一个可移植的容器中。Dockerfile 是构建 Docker 镜像的核心文件&#xff0c;它定义了镜像的构建步骤和配置。通过编写 Dockerfile&#xff0c;我们可以自动化地构建镜像&#xff0c;确保应用程序在不同…...

编程日记 2025/1/16 18:45:54

Linux 机器学习

Linux 机器学习是指在 Linux 操作系统环境下进行机器学习相关的开发、训练和应用。 具体步骤 环境搭建&#xff1a; 选择合适的 Linux 发行版&#xff1a;如 Ubuntu、Fedora、Arch Linux 等。Ubuntu 因其易用性和丰富的软件包管理系统&#xff0c;适合初学者&#xff1b;Fed…...

编程日记 2025/1/16 18:44:51

青少年编程与数学 02-006 前端开发框架VUE 25课题、UI数据

青少年编程与数学 02-006 前端开发框架VUE 25课题、UI数据 一、UI数据二、Element Plus处理响应式数据三、Vuetify处理响应式数据 课题摘要:本文探讨了UI数据在用户界面中的重要性和处理方法。UI数据包括展示数据、用户输入、状态数据等&#xff0c;对用户体验和应用交互性有直…...

编程日记 2025/1/16 18:41:45

css实现响应式详解

一、媒体查询&#xff08;Media Queries&#xff09; 基本概念 媒体查询是 CSS3 中用于根据不同的设备特性&#xff08;如屏幕宽度、高度、设备类型等&#xff09;应用不同样式规则的技术。它允许你为特定的媒体类型&#xff08;如屏幕、打印、手持设备等&#xff09;和条件&a…...

编程日记 2025/1/16 18:37:40

python-应用自动化操作方法集合

python-PC应用自动化操作 pywinauto&#xff1a;适合Windows系统的软件&#xff08;GUI&#xff09;&#xff0c;通过遍历窗口&#xff08;对话框&#xff09;和窗口里的UI控件进行定位操作&#xff0c;也可以控制鼠标和键盘输入等 https://geekdaxue.co/read/pywinauto-doc-zh…...

编程日记 2025/1/16 18:33:37

mac地址是用来做什么的

MAC 地址&#xff08;Media Access Control Address&#xff09;是一个唯一的硬件地址&#xff0c;用于在网络中标识设备。每个网络接口卡&#xff08;NIC&#xff09;都有一个唯一的 MAC 地址。MAC 地址是数据链路层&#xff08;OSI模型的第二层&#xff09;使用的地址&#x…...

编程日记 2025/1/16 18:30:33

【Compose multiplatform教程】05 IOS环境编译

了解如何使现有的 Android 应用程序跨平台&#xff0c;以便它在 Android 和 iOS 上都能运行。您将能够在一个位置编写代码并针对 Android 和 iOS 进行测试一次。 本教程使用一个示例 Android 应用程序&#xff0c;其中包含用于输入用户名和密码的单个屏幕。凭证经过验证并保存…...

编程日记 2025/1/16 18:28:30

3D滤波器处理遥感tif图像

import cv2 import numpy as np from osgeo import gdal# 定义 Gabor 滤波器的参数 kSize 31 # 滤波器核的大小 g_sigma 3.0 # 高斯包络的标准差 g_theta np.pi / 4 # Gabor 函数的方向 g_lambda 10.0 # 正弦波的波长 g_gamma 0.5 # 空间纵横比 g_psi np.pi / 2 # …...

编程日记 2025/1/16 18:24:23

fisco bcosV3 Table智能合约开发

环境 &#xff1a; fisco bcos 3.11.0 webase-front : 3.1.1 console 3.8.0 table合约【3.2.0版本后的】 前言 最近在做毕设&#xff0c;数据的存储方式考虑使用fisco-bcos的table表存储&#xff0c;经过这几天的研究&#xff0c;发现对于fisco2和 fisco3版本的table表合约功能…...

编程日记 2025/1/16 18:22:17

leetcode刷题记录（四十八）——128. 最长连续序列

&#xff08;一&#xff09;问题描述 128. 最长连续序列 - 力扣&#xff08;LeetCode&#xff09;128. 最长连续序列 - 给定一个未排序的整数数组 nums &#xff0c;找出数字连续的最长序列&#xff08;不要求序列元素在原数组中连续&#xff09;的长度。请你设计并实现时间复…...

编程日记 2025/1/16 18:20:13

HTML中如何保留字符串的空白符和换行符号的效果

有个字符串 储值门店{{thing3.DATA}}\n储值卡号{{character_string1.DATA}}\n储值金额{{amount4.DATA}}\n当前余额{{amount5.DATA}}\n储值时间{{time2.DATA}} &#xff0c; HTML中想要保留 \n的换行效果的有下面3种方法&#xff1a; 1、style 中 设置 white-space: pre-lin…...

编程日记 2025/1/16 18:19:04

Linux入门——环境基础开发（上）

Linux 软件包管理器 yum 什么是软件包 在Linux操作系统中&#xff0c;安装软件的方式通常较为复杂&#xff0c;其基本流程涉及下载程序源代码并通过编译得到可执行程序。然而&#xff0c;这种方法需要开发者具备一定的编程知识和环境配置能力&#xff0c;对于许多用户而言&am…...

编程日记 2025/1/16 18:17:02

EVA-02模型辅助软件测试：自动化生成测试用例与边界条件描述

EVA-02模型辅助软件测试&#xff1a;自动化生成测试用例与边界条件描述 如果你是一名软件测试工程师&#xff0c;下面这个场景你一定不陌生&#xff1a;产品经理递过来一份几十页的需求文档&#xff0c;你需要在几天内&#xff0c;把它拆解成成百上千条逻辑清晰、覆盖全面的测…...

编程新知 2026/3/31 17:19:05

洛雪音乐音源项目：免费高品质音乐资源获取的终极方案

洛雪音乐音源项目&#xff1a;免费高品质音乐资源获取的终极方案 【免费下载链接】lxmusic- lxmusic(洛雪音乐)全网最新最全音源 项目地址: https://gitcode.com/gh_mirrors/lx/lxmusic- 1 价值定位&#xff1a;重新定义音乐资源获取体验 洛雪音乐音源项目作为一款开源…...

编程新知 2026/3/31 16:26:14

云容笔谈在自媒体内容生产中的提效实践：日更国风配图效率提升300%

云容笔谈在自媒体内容生产中的提效实践&#xff1a;日更国风配图效率提升300% 1. 自媒体内容创作的痛点与挑战 作为自媒体创作者&#xff0c;每天最头疼的就是配图问题。特别是做国风内容的账号&#xff0c;既要保持东方美学韵味&#xff0c;又要保证日更频率&#xff0c;传统…...

编程新知 2026/3/31 16:01:41

GLM-4.1V-9B-Base多场景落地：医疗影像辅助描述、零售货架识别、文旅导览图解

GLM-4.1V-9B-Base多场景落地&#xff1a;医疗影像辅助描述、零售货架识别、文旅导览图解 1. 模型介绍 GLM-4.1V-9B-Base是智谱开源的一款视觉多模态理解模型&#xff0c;专门针对图像内容识别、场景描述和目标问答等任务进行了优化。这个模型特别擅长处理中文视觉理解任务&…...

编程新知 2026/3/31 16:01:40

腾讯文档协作全攻略：从权限设置到区域锁定，团队办公效率翻倍

腾讯文档团队协作高阶指南&#xff1a;权限控制与区域锁定的艺术 在数字化办公时代&#xff0c;团队协作的效率往往决定了项目的成败。作为国内领先的在线协作文档工具&#xff0c;腾讯文档凭借其流畅的实时协作体验和丰富的权限管理功能&#xff0c;已经成为众多团队的首选工具…...

编程新知 2026/3/31 12:09:37

保姆级教程：用OpenAI Whisper给视频自动生成字幕（附Python代码）

视频创作者必备&#xff1a;用Whisper打造高效字幕工作流 每次剪辑视频最头疼的就是加字幕&#xff1f;作为过来人&#xff0c;我完全理解那种对着时间轴逐帧调整的痛苦。直到发现Whisper这个神器&#xff0c;我的工作效率直接翻了三倍。今天就把这套全自动字幕生成方案完整分享…...

编程新知 2026/3/31 11:17:09

如何通过InstantClick事件回调实现精准的性能监控：开发者必备指南

如何通过InstantClick事件回调实现精准的性能监控&#xff1a;开发者必备指南 【免费下载链接】instantclick InstantClick makes following links in your website instant. 项目地址: https://gitcode.com/gh_mirrors/in/instantclick InstantClick是一款能让网站链接…...

编程新知 2026/3/31 11:09:08

别再写死代码了！用MCP Tool模块5分钟搞定AI与数据库的安全对话

别再写死代码了&#xff01;用MCP Tool模块5分钟搞定AI与数据库的安全对话 当AI模型需要与数据库交互时&#xff0c;开发者常面临两难选择&#xff1a;要么直接暴露数据库连接信息&#xff0c;要么编写大量胶水代码。这两种方案都存在明显缺陷——前者带来安全隐患&#xff0c;…...

编程新知 2026/3/31 11:03:07

DLSS Swapper智能工具：游戏性能优化与版本管理完全指南

DLSS Swapper智能工具&#xff1a;游戏性能优化与版本管理完全指南 【免费下载链接】dlss-swapper 项目地址: https://gitcode.com/GitHub_Trending/dl/dlss-swapper DLSS Swapper是一款专为游戏玩家设计的深度学习超级采样(DLSS)版本管理工具&#xff0c;能够自动扫描…...

编程新知 2026/3/31 10:10:23

3步实现BERT模型轻量化部署与性能优化：基于Torch-Pruning的结构化剪枝指南

3步实现BERT模型轻量化部署与性能优化&#xff1a;基于Torch-Pruning的结构化剪枝指南 【免费下载链接】Torch-Pruning [CVPR 2023] Towards Any Structural Pruning; LLMs / Diffusion / Transformers / YOLOv8 / CNNs 项目地址: https://gitcode.com/gh_mirrors/to/Torch-P…...

编程新知 2026/3/31 9:58:21