Vue脚手架的安装(超详细篇,保姆级教程)

news2024/11/27 0:16:58

一、环境安装

1.软件下载

官网:https://github.com/coreybutler/nvm-windows/releases

官网往下滑,找到这个nvm-setup.zip,然后进行下载

2.安装

下载后,双击进行安装,注意安装目录不要出现中文和空格

安装后,打开cmd,输入命令 nvm ,查看安装版本

修改一下下载的镜像地址:

打开一下你刚刚的安装目录nvm,双击打开,找到settings.txt,然后用记事本编辑打开,复制粘贴

node_mirror: http://npmmirror.com/mirrors/node/
npm_mirror: http://npmmirror.com/mirrors/npm/

随后保存,这样子我们镜像就配置完成了

3.使用

打开cmd(快捷键win+R)

(1)安装指定版本的node

这边的安装版本可以跟我的一样,安装16.20.2和14.21.3的版本

nvm install 14.21.3 // 安装14.21.3 版本node 或者输入

如果要安装最新的版本:

nvm install 14 nvm install latest // 安装最新版本node

(2)查看node所有安装版本

nvm list

这边我下载了node的14和16的版本

可以看到这个就说明你刚刚安装的版本成功了!!!

(3)使用指定版本的node

nvm use 14.21.3 // 使用14.21.3版本node

此时,你再次输入nvm list

(4)查看node和nvm的使用版本

node -v

npm -v

这版本是相互匹配的,

16版本的node就是跟着8版本的npm

14版本的node就是跟着6版本的npm

(5)卸载指定版本的node

nvm uninstall 14.5.0 // 卸载14.5.0版本node

4、安装成功后可查看系统环境变量

这个系统环境变量是它自己添加上去的,不用我们手动添加

查看path:

能看到环境变量的就是环境安装成功了

二、安装脚手架

-g的意识是全局安装,就-g和-s,-s是局部安装,就是只在当前项目可以使用

这边建议全局安装,使用-g,所有项目都可以使用

npm install @vue/cli -g  

如果安装不成功那就使用管理员身份打开运行,然后再输入命令

脚手架安装完之后,打开nvm安装目录,打开你刚刚使用node的版本

(我是使用16版本的)

安装成功示例:

然后再打开cmd,输入vue

输入   vue -V  可以查看脚手架的安装版本

安装失败示例:

三、项目创建和运行

项目创建:

打开你要创建项目的目录下,

直接输入cmd打开

这样子你就可以进入当前目录

输入  vue create 项目名

按下回车键,之后会出现这个页面

弄到这个就说明项目创建成功

项目运行:

说明项目运行成功

四、基本使用和说明

在这边进行项目的运行,快捷键   ctrl+`   打开控制台输入npm run serve进行项目运行

成功~~~

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

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

相关文章

时间序列分析基础20问

时间序列分析是一类特殊的数据分析问题。它是对连续间隔离散时间序列的观察。在现实世界中的应用包括天气预测模型、股市预测等。 本文通过20个问题,深入解析时间序列分析的基础概念和方法。 1. 什么是时间序列数据? 时间序列数据是按照时间顺序排列的、…

谷粒商城实战笔记-129-商城业务-商品上架-nested数据类型场景

文章目录 扁平化处理扁平化处理导致的检索问题 解决方案:使用 nested 结构 在es的数据类型中有一个nested类型,本讲将重点讨论这个类型。 扁平化处理 PUT my_index/doc/1 {"group" : "fans","user" : [{"first&quo…

软件测试中APP上线测试的流程,湖南软件测评公司分享

在当今数字化高速发展的时代,移动应用(APP)的普及使得软件测试显得尤为重要。作为推动软件质量提升的重要环节,APP上线测试的流程决定了软件能否顺利进入市场。 APP上线测试并非一蹴而就,而是需要经过严格的分步流程。该流程包括需求分析、测…

工业5G路由器驱动矿山无人值守及井下监控数据传输

矿山行业作为国民经济发展的重要组成部分,其生产效率和安全性一直被广泛关注着。随着信息技术的飞速发展,矿山数字化转型已成为必然趋势。矿山井下环境复杂,传统的人工巡检和监控方式存在效率低、成本高、安全隐患大等问题。 由于户外矿山和…

前端项目发布到Nginx里报Failed to load module script错误

错误信息: Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec. 报错原因&…

Python3+selenium3

Python3selenium3 下载python3以上版本,链接:https://www.python.org/57 下载之后,直接安装,安装在C盘之外的磁盘环境变量 (1)安装完成后,看下这个目录D:\python\Scripts,有没pip.…

【大模型LLM面试合集】大语言模型架构_MoE经典论文简牍

2.MoE经典论文简牍 参考资料: MoE (Mixture-of-Experts) 经典文章简读Mixture-of-Experts (MoE) 经典论文一览 1.开创工作 1.1 Adaptive mixtures of local experts, Neural Computation’1991 期刊/会议:Neural Computation (1991)论文链接&#x…

pe节空白区添加的代码

再此之前需要了解节表(假设我们都理解了) 以一个程序为例: 如上图所示一个正长的程序运行后是这样的,我们想对该程序做点手脚,在弹出该页面之前,先弹出我们给他指定的东西。 最终实现结果: 首先弹出我们…

尚硅谷谷粒商城项目笔记——八、安装node.js【电脑CPU:AMD】

八、安装node.js 注: [!NOTE] 查看本机系统 官网选择node.js版本 1傻瓜式安装,注意选择路径 图一 图二 至此,nodejs安装完成! 2环境配置 找到安装nodejs的路径新增 node_global 和node_cache文件夹 创建完两个空文件夹&#x…

【学习总结】MySQL篇

MySql 事务ACID 原子性 事务是不可分割的最小单元,一个事务的若干sql操作。要么统一成功,要么统一失败。(redoLog) 持久性 数据库的数据在宕机,丢失数据的情况下。可以回滚数据,这由mysql的日志完成&a…

快讯 | Meta Llama 4模型:24万GPU打造,将于2025年登场!

在数字化浪潮的推动下,人工智能(AI)正成为塑造未来的关键力量。硅纪元视角栏目紧跟AI科技的最新发展,捕捉行业动态;提供深入的新闻解读,助您洞悉技术背后的逻辑;汇聚行业专家的见解,…

标准IO——文件定位、文件IO

续:feof、ferror(检测一个流是否出错)、clearerr(清除一个流出错的标记)。 一、标准IO文件定位 1、fseek(定位) int fseek(FILE *stream , long offset(偏移长度) , int whence(偏移起始位置)) 其中when…

ROS 7上实现私网互通方案

一、背景: 第一个私网现状:连接公域网是由tp-link进行拨号链接使用动态公网ip,内部网段是192.168.1.0/24 第二个私网现状:连接公域网是机房的固定公网ip,内部网段为10.0.0.0/16二、目标 安全的打通192.168.1.0/24和10.0.0.0/16的网络, 使得前者局域网中的机器能够安全访…

全域运营系统质量对比:各大源码厂商搭建效能解析!

随着全域运营时代的到来,全域运营商的申请热度日渐上升,各大全域运营系统及其背后的源码厂商也因此备受关注。本期,小编将围绕全域运营系统的市场份额、搭建体系以及落地运营三个方面的内容,以帮助大家对各大源码厂商在全域运营系…

Probit 回归模型及 Stata 具体操作步骤

目录 一、文献综述 二、理论原理 三、实证模型 四、稳健性检验 五、程序代码及解释 一、文献综述 Probit 回归模型作为一种重要的统计分析工具,在众多学科领域中发挥着关键作用,吸引了众多学者的深入研究和广泛应用。 在经济学领域,Probi…

python-打分(赛氪OJ)

[题目描述] 最近学校组织了校园歌手大赛,并且让全校师生为歌手评分(分数的范围为 1−100 分),但由于投票系统太过于落后,最后的计票中发现了如下几种票: - 分数大于 100 - 分数小于 1 - 一个最高分 - 一个最…

TOPIK韩语等级考试|韩语语法:被动词和使动词

韩语语法: 被动词与主动词 글쓰기 관련 강좌나 책에서 우리 문장을 쓸 때 웬만하면 피동형을 쓰지 말라는 주장을 흔히 접하게 된다. 능동형 동사를 사용하면 글이 늘어지지 않아 간결해지고 힘찬 문장이 되는 게 사실이다. 그러나 이 주장이 우리글에서 피동형 동…

IDEA自定义注释模版

1.类(接口/枚举等同理) 2.方法模版 先自定义一个模版组,然后在里面添加模版名,触发快捷键(Tab/Enter),模版描述,哪些语言中应用 模版中的自定义参数params和returns可以自动展开参数…

vue3.0学习笔记(五)——Vue3 状态管理 - Pinia

1. 什么是Pinia Pinia是Vue的最新状态管理工具,是Vuex的替代品。pinia官网:Pinia | The intuitive store for Vue.js 提供更加简单的API(去掉了mutation) 提供符合,组合式风格的API(和Vue3新语法统一&…

PhPMyadmin-漏洞复现

前情提要:首先将我们的PHP版本设置在5.5以上 一、通过⽇志⽂件拿Shell 1.搭建好环境后进行管理员登录 2.进入后点击SQL进行sql命令行操作 3.在输入框内输入set global general_logon; 将日志保存设置为开启状态 4.在输入 set global general_log_file 你要将日志…