搭建Vite和Vue环境


第一步:创建一个文件夹(此处为新建文件夹),并通过vscode打开
在这里插入图片描述

第二步:鼠标右键新建终端,并在终端处输入代码npm create vue@latest

在这里插入图片描述

​第三步:输入该项目名称(该项目名称并不是第一步的新建文件夹的名称)如:Demo。并根据提示选择是否使用以下选项。
初学者,可以选否。一直按Enter键即可。
在这里插入图片描述

第四步:完成上述步骤后,会出现如下效果。
在这里插入图片描述
第五步:推荐使用第二种(因为第一种,有时候下载依赖的时候会卡住):
1:可以在终端处输入:cd Demo(用于:进入创建的名为Demo的项目),然后输入npm i (用于:下载项目依赖)
2: 可以关闭vscode,重新进入新建文件夹,鼠标右键通过vscode打开Demo文件夹,然后输入npm i (用于:下载项目依赖)

(其实两者本质是一样的,都是进入Demo文件夹。只是有些人一直在用vscode打开的新建文件夹下输入npm i 就会出现如下报错:no such file or directory, open ‘xx\package.json‘。正确做法是在新建文件夹下面,被创建好的Demo文件夹中输入npm i。如下图:)
在这里插入图片描述
第6步:在终端输入npm run dev 并按住ctrl键用鼠标左键点击链接
在这里插入图片描述
第七步:出现如下效果(应该是白色的页面,由于我的浏览器开的暗夜模式,所以是黑色背景):即为成功创建项目。
在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

强制删除的文件还能恢复吗?答案分享!

“我在电脑上删除部分文件时总是显示无法删除,因此我把这部分文件强制删除了。这些文件还有机会恢复吗?怎样才能恢复这部分数据呢?希望大家帮我想想办法。” 部分用户在电脑上执行删除操作时,也可能会误删比较重要的数据。如果这部…

大模型学习与实践笔记(十三)

将训练好的模型权重上传到 OpenXLab 方式1: 先将Adapter 模型权重通过scp 传到本地,然后网页上传 步骤1. scp 到本地 命令为: scp -o StrictHostKeyCheckingno -r -P *** rootssh.intern-ai.org.cn:/root/data/ e/opencv/ 步骤2&#…

新加坡市场外贸开发攻略

新加坡,东南亚的一颗璀璨明珠,坐落于马来西亚半岛南端,与印度尼西亚的苏门答腊岛隔海相望。这个城市国家不仅拥有现代化的城市风貌,还融合了多元文化背景。 以下是对新加坡的国家介绍: 首都新加坡,是政治…

etcd技术解析:构建高可用分布式系统的利器

1. 引言 随着云原生技术的兴起,分布式系统的构建变得愈发重要。etcd作为一个高可用的分布式键值存储系统,在这个领域发挥着至关重要的作用。本文将深入探讨etcd的技术细节,以及如何利用它构建高可用的分布式系统。 2. etcd简介 etcd是一个开…

软件有必要更新吗?

软件更新是非常重要的,以下是几个理由: 1. 修复漏洞和安全问题:软件更新通常包含了对之前版本中发现的漏洞和安全问题的修复。这些漏洞和问题可能会被黑客利用,导致数据泄露、系统崩溃或其他安全风险。通过及时更新软件&#xff…

【Unity】【游戏开发】Pico打包后项目出现运行时错误如何Debug

【背景】 开发过程中的报错可以通过控制台查看,但是PICO项目这类依赖特定设备环境的应用往往存在打包后在设备端发生运行时错误。这时如何能查看到Debug信息呢? 【分析】 Pico也是安卓系统,所以这个问题就可以泛化为Unity有哪些在安卓端运…

智能AI写作大师,这几个软件你一定要看

写作是我们生活和工作中不可或缺的一部分。然而,写作是一件需要素材积累和大量时间精力的事情,对于许多人来说,写作真的是一件轻松的事情。幸运的是,由于科技的不断进步,智能AI写作软件应运而生,为我们提供…

【排序2】-交换排序

👻交换排序 🎄1、基本思想及特点🎄2、冒泡排序🎄3、快速排序(挖坑法)🎄4、快速排序优化🎊4.1 三数取中法选key🎊4.2 递归到小的子区间时,可以考虑使用插入排序…

React进阶 - 12(浅谈 state、props与render函数的关系)

本章内容 目录 一、state 与 render 函数的关系二、props 与 render函数的关系 上一节我们讲了如何使用 PropTypes及 DefaultProps来进行属性的类型校验及设置属性默认值。本节内容我们来了解一下 state、props与render函数的关系。 一、state 与 render 函数的关系 我们知道…

THM学习笔记——OSI模型和TCP/IP模型

全是文字 比较枯燥 建议视频 OSI模型由七个层次组成: 第7层 -- 应用层: OSI模型的应用层主要为在计算机上运行的程序提供网络选项。它几乎专门与应用程序一起工作,为它们提供一个界面以用于传输数据。当数据传递到应用层时,它…

大数据Doris(五十九):SQL函数之字符串函数(三)

文章目录 SQL函数之字符串函数(三) 一、​​​​​​​NULL_OR_EMPTY (VARCHAR str)

防御保护---防火墙(安全策略、NAT策略实验)

防御保护---防火墙(安全策略、NAT策略实验) 1.实验需求2.实验说明及思路3.实验配置3.1 配置IP地址以及VLAN3.2 配置防火墙IP地址及划分区域3.3 配置防火墙安全策略3.4 配置防火墙NAT策略 1.实验需求 1.生产区在工作时间内可以访问服务器区,仅…

Adobe XD 57.1.12.2软件安装教程(附软件下载地址)

软件简介: 软件【下载地址】获取方式见文末。注:推荐使用,更贴合此安装方法! Adobe XD 57.1.12.2是一款功能强大的图形化界面UI/UX设计工具,它集成了原型设计、界面设计和交互设计等功能。无论是网站还是移动应用程序…

代码随想录算法训练营第14天| Leetcode 102.二叉树的层序遍历、226.翻转二叉树、101.对称二叉树

目录 Leetcode 102.二叉树的层序遍历 Leetcode 226.翻转二叉树 Leetcode 101.对称二叉树 Leetcode 102.二叉树的层序遍历 题目链接:Leetcode 102.二叉树的层序遍历 题目描述:给你二叉树的根节点root ,返回其节点值的 层序遍历 。 &#xff…

Unity学习之坦克游戏制作(2)游戏场景的制作

文章目录 1. 基础场景的搭建2. 游戏主面板2.1 拼出面板2.2 创建新面板2.3 设置面板复用2.4 退出界面 3. 坦克基类3.1 创建基类脚本3.1.1 基类基本属性3.1.2 抽象开火函数3.1.3 受伤虚函数3.1.4 死亡虚函数 4 玩家——基础移动旋转摄像机跟随4.1 玩家对象脚本4.2 控制坦克移动4.…

【Docker】实战案例 - CI/CD

作者主页: 正函数的个人主页 文章收录专栏: Docker 欢迎大家点赞 👍 收藏 ⭐ 加关注哦! CI/CD 持续集成(Continuous integration) 是一种软件开发实践,每次集成都通过自动化的构建(包括编译,发…

Dockerfile里ADD * 保留原来的目录结构

1、问题 给新模块写Dockerfile,很多静态资源分散在各个目录,于是Dockerfile里我直接一句: ADD ./* /dest/镜像出来后,启动容器,进入容器种后发现:文件拷贝成功,但原来的目录结构都不在了&…

Rabbitmq调用FeignClient接口失败

文章目录 一、框架及逻辑介绍1.背景服务介绍2.问题逻辑介绍 二、代码1.A服务2.B服务3.C服务 三、解决思路1.确认B调用C服务接口是否能正常调通2.确认B服务是否能正常调用A服务3.确认消息能否正常消费4.总结 四、修改代码验证1.B服务异步调用C服务接口——失败2.将消费消息放到C…

2024水资源、智慧城市与绿色发展国际会议(ICWRSCGD 2024)

2024水资源、智慧城市与绿色发展国际会议(ICWRSCGD 2024) 会议简介 2024年国际水资源、智慧城市与绿色发展大会(ICWRSCGD 2024)将在中国杭州举行。会议聚焦“水资源、智慧城市、绿色发展”这一最新研究领域,致力于促进世界顶级创新者、科学…

01 Redis的特性+下载安装启动

1.1 NoSQL NoSQL(“non-relational”, “Not Only SQL”),泛指非关系型的数据库。 键值存储数据库 : 就像 Map 一样的 key-value 对。如Redis文档数据库 : NoSQL 与关系型数据的结合,最像关系…