多个node版本安装,安装vue-cli脚手架,创建vue项目

3. 创建Vue项目之前,要先确定已经安装了vue的脚手架 vue-cli,

2. 安装vue脚手架,要确定电脑已经安装了node.js

1. node.js 可以同一台电脑安装多个版本

安装多个版本的node,需要从 低版本 到 高版本 安装,已经安装了高版本的,可以先卸载了,再重新从低版本开始安装。

1.1. 卸载已有的高版本node
 1. 卸载node.js的方法:
 	(1)就是你在安装这个软件以后,这个软件就自己带有一个卸载的程序,你只要点击:开始—程序—找到这个程序----上面就会有这个程序的卸载程序。uninstall node.js
	(2)就是通过“卸载程序”来卸载,这个程序一般的Windows,自己都会带这个程序,你点:开始–控制面板—卸载程序----找到这个要卸载的程序—点“卸载”就OK了。
 2. 检查是否卸载成功
 	(1)在原文件目录查看是否卸载干净
	(2)win+R,输入cmd,打开控制台,输入node -v,查看版本
	(3)win+R,输入cmd,打开控制台,输入where node,查看文件所在目录

没有安装node的见面,是这样的:

在这里插入图片描述

1.2.下载需要的node版本

下载node的版本 ,可以在 官网 下载需要的版本,或者点击历史版本 nodejs.org/dist/ 也可以。
建议下载 .zip 压缩文档,文档小,下载速度快,想安装在哪里就在哪里解压。

1.3. 安装node.js

安装之前,先选择一个安装位置,可以不在C盘,我的是E盘,新建一个nodejs的文件夹,里边放各个版本的安装包,文件夹名改成 版本号,各个版本的文件夹之间不要嵌套,可以同时安装
在这里插入图片描述

1.4. 配置环境变量

右键点击此电脑–>属性–>高级系统设置–>环境变量,找到Path,点编辑,写安装的版本文件路径。(路径怕写不对的话,可以找到文件夹,复制路径,在这里粘贴)编辑完以后,点“确定”,就可以了。

在这里插入图片描述

1.5. 查看是否安装成功:node -v,查看版本

在这里插入图片描述
查看node的安装位置:where node
在这里插入图片描述

1.6. 切换版本的话可以在环境变量中,把要用的版本上移到其他版本的最上面,就可以了

在这里插入图片描述

2.1. 查看 node 版本

node -v
或者
node --version

2.2. npm,包管理工具,需要配置仓库镜像地址,改为中国仓库镜像地址。

查看当前镜像地址:npm get registry
设置镜像地址的命令:
npm set registry https://registry.npmmirror.com/ (淘宝)
npm set registry https://mirrors.huaweicloud.com/repository/npm/ (华为)

关于使用 淘宝镜像 https://registry.npm.taobao.org 报错的问题
在这里插入图片描述
是因为从 2024 年1 月 22 日,淘宝原镜像域名(registry.npm.taobao.org)的 HTTPS 证书正式到期,这就导致旧的 npm 淘宝镜像在使用时出错了,所以遇到上述问题,或者还在使用旧的 npm 淘宝镜像,直接将 npm 源切换到新的源即可

// 1. 清空缓存
npm cache clean --force
// 2. 切换新源
npm config set registry https://registry.npmmirror.com
2.3. 安装vue脚手架

npm i -g @vue/cli
或者
npm install -g @vue/cli
(“-g” 在 “@vue-cli” 前边也行,后边也行)

2.4. 安装成功后,配置环境变量(同上边的1.4)

在这里插入图片描述
这是我的vue.cmd 文件存在的位置 C:\Users\Administrator\AppData\Roaming\npm
在这里插入图片描述

怎么查看你的vue.cmd 文件在哪里: npm config list
看看 “prefix” 里边的路径是什么就可以了
在这里插入图片描述

2.5. 查看版本

重启cmd窗口
vue --version
或者
vue -V (V 是大写的)

3. 创建Vue项目

vue create 你项目的名称

  • 13
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值