node版本升级,从卸载到使用nvm管理node版本并配置vue环境(学习趟雷版)

news2025/1/15 6:27:27

查找node版本和安装路径

  1. 查找当前node版本

node -v

  1. 查看弄得版本安装路径

where node

在这里插入图片描述

卸载node(没安装过node的可以直接跳过)

  1. 通过控制面板删除node,按下【win+R】键,输入control
    在这里插入图片描述

  2. 控制面板找到默认程序

  3. 找到node程序点击卸载
    在这里插入图片描述

  4. 等待卸载完成,然后在C盘查找以下文件内是否含有这些内容

C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users\用户名\AppData\Roaming\npm
C:\Users\用户名\AppData\Roaming\npm-cache
C:\Users\用户名\AppData\Local\npm-cache

  1. 检查是否删除完成

node -v
npm -v

在这里插入图片描述

安装nvm

  1. 下载nvm
  2. 安装切记安装nvm的文件夹不要出现中文
    在这里插入图片描述
  3. nvm的安装路径
    在这里插入图片描述

4.复制上一步的路径,将 node.js的安装路径放在nvm的安装路径里面
在这里插入图片描述

  1. 点击install
    在这里插入图片描述
  2. 点击finish安装完成
  3. 在命令行输入 nvm root 查找nvm安装路径
    在这里插入图片描述
  4. 找到nvm所在文件目录下的setting.text
    9.
  5. 复制以下代码,将nvm的源修改
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror:  https://npmmirror.com/mirrors/npm/

第一行是nvm按照路径
第二行是node.js的路径
第三行是 node下载镜像
第四行是 npm下载镜像

在这里插入图片描述
10. nvm常用命令

// 1、查看已经安装的node版本
nvm ls

// 2、查看可以安装的node版本
nvm ls available

// 3、安装指定版本
nvm install 版本号

// 4、切换到指定版本
nvm use 版本号

// 5、显示当前版本
nvm current

// 6、给不同的版本添加别名
nvm alias

// 7、删除已定义的别名
nvm unalias

// 8、在当前环境下, 重新全局安装指定版本号的npm包
nvm reinstall-packages

// 9、打开nodejs控制
nvm on

// 10、关闭nodejs控制
nvm off

// 11、查看设置代理
nvm proxy

// 12、卸载指定版本
nvm uninstall 版本号

// 13、设置和查看root路径
nvm root [path]

// 14、查看nvm版本
nvm version

  1. nvm 环境变量配置,
  • 我的电脑>属性>高级系统设置>环境变量
    在这里插入图片描述

  • 确认配置和以下一致,nvm创建完成会默认生成
    在这里插入图片描述

  • 命令行 nvm -v 返回版本号,证明按照成功

  1. 查找node可安装的最新版本

nvm list available

在这里插入图片描述
13. 安装具体版本,

  • 查看已安装的版本
    在这里插入图片描述

  • 查看nvm所在文件夹
    在这里插入图片描述

  1. 如果切换node版本失败,出现乱码
    在这里插入图片描述
  • 可以先检查setting.text的路径是否正确,是否含有空格,如果没有,使用管理员身份打开命令行再输入 nvm use 22.11.0,出现以下情况就是好了
    在这里插入图片描述
  • 查看nvm文件夹
    在这里插入图片描述
  1. 卸载nvm
  • 直接打开控制面板,找到默认程序,找到nvm直接卸载就行,通过nvm下载的node会跟随nvm一起卸载。

  • 一般环境变量会跟随nvm的卸载删掉,可以打开环境变量,查看是否存在环境变量如果存在删掉就行了

node环境配置

  1. 在nvm文件夹内创建 node_globalnode_cache两个文件夹,作为全局的模块安装路径和缓存路径
    在这里插入图片描述

  2. 创建完之后在命令行输入以下命令

npm config set prefix "你的node_global所在文件路径"
npm config set cache "你的node_cache所在文件路径"

在这里插入图片描述
3. 设置用户变量
在这里插入图片描述

  1. 设置系统变量
    在这里插入图片描述
    新建系统变量:变量名:NODE_PATH,变量值:D:\program\nvm\node_global\node_modules
    在这里插入图片描述
    在这里插入图片描述

配置vue安装环境

  1. 安装vue脚手架
//安装vue脚手架
npm install -g @vue/cli  
 
vue -V  //查看版本信息,能够查看到就说明安装成功了
  1. 创建 vue3+Ts 项目
    	Vite 需要 Node.js 版本 >= 12.0.0//全局安装vite 
    	npm install -g vite
    	//查看版本
    	vite -v
    	npm create vue@latest //创建vite 工程项目
    
  2. 出现问题 vue -V , vite -v 查不到
    在这里插入图片描述
  3. 找到vue.cmd所在的文件夹,将其配置到系统变量上
    在这里插入图片描述
  4. 重新打开命令行,出现以下这种情况就好了
    在这里插入图片描述
    vue-cli创建vue项目
    vite创建vue项目传送门

vscode 无法使用npm和node

在这里插入图片描述

  • nvm管理node版本对外的接口是node.js,打开node.js,可以看见npm 在这个文件夹内
    在这里插入图片描述

  • 输入 npm config ls 查找 prefix路径
    在这里插入图片描述

  • 在命令行输入 npm config set prefix "D:\program\nvm\node.js",再输入npm config ls查找
    在这里插入图片描述

  • 重启vscode 就会发现好了

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

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

相关文章

每天五分钟机器学习:支持向量机算法数学基础之核函数

本文重点 从现在开始,我们将开启支持向量机算法的学习,不过在学习支持向量机算法之前,我们先来学习一些支持向量机所依赖的数学知识,这会帮助我们更加深刻的理解支持向量机算法,本文我们先来学习核函数。 定义 核函数(Kernel Function)是一种在支持向量机(SVM)、高…

机器学习基础04

目录 1.朴素贝叶斯-分类 1.1贝叶斯分类理论 1.2条件概率 1.3全概率公式 1.4贝叶斯推断 1.5朴素贝叶斯推断 1.6拉普拉斯平滑系数 1.7API 2.决策树-分类 2.1决策树 2.2基于信息增益的决策树建立 2.2.1信息熵 2.2.2信息增益 2.2.3信息增益决策树建立步骤 2.3基于基…

STM32芯片EXIT外部中断的配置与原理以及模板代码(标准库)

配置EXIT外部中断其实就是把GPIO刀NVIC的各个外设配置好 第一步:配置RCC,把我们涉及到的外设的时钟都打开 (此处EXTI是默认打开的,而NVIC是内核外设无需配置) 第二步:配置GPIO,选择端口为输入模式 第三…

pytest结合allure做接口自动化

这是一个采用pytest框架,结合allure完成接口自动化测试的项目,最后采用allure生成直观美观的测试报告,由于添加了allure的特性,使得测试报告覆盖的内容更全面和阅读起来更方便。 1. 使用pytest构建测试框架,首先配置好…

生成自签名证书并配置 HTTPS 使用自签名证书

生成自签名证书 1. 运行 OpenSSL 命令生成证书和私钥 在终端中输入以下命令,生成自签名证书和私钥文件: sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout self_signed.key -out self_signed.pem-x509:生成自签名证书。…

Linux网络:守护进程

Linux网络:守护进程 会话进程组会话终端 守护进程setsiddaemon 在创建一个网络服务后,往往这个服务进程是一直运行的。但是对于大部分进程来说,如果退出终端,这个终端上创建的所有进程都会退出,这就导致进程的生命周期…

5.4.2-1 编写Java程序在HDFS上创建文件

本次实战涉及使用Java操作Hadoop HDFS,包括创建文件、判断文件存在性及异常处理。通过手动添加依赖、启动HDFS服务,成功在HDFS上创建和检查文件。进一步探索了文件操作的最佳实践,如检查文件存在性以避免重复创建,以及处理HDFS安全…

十六.SpringCloudAlibaba极简入门-整合Grpc代替OpenFeign

前言 他来了他来了,停了快2个月了终于又开始更新文章啦,这次带来的绝对是干货!!!。由于公司项目进行重构的时候考虑到,OpenFeign做为服务通信组件在高并发情况下有一定的性能瓶颈,所以将其替换…

【pytest】pytest注解使用指南

前言:在 pytest 测试框架中,注解(通常称为装饰器)用于为测试函数、类或方法提供额外的信息或元数据。这些装饰器可以影响测试的执行方式、报告方式以及测试的组织结构。pytest 提供了多种内置的装饰器,以及通过插件扩展…

百度AI人脸检测与对比

1.注册账号 打开网站 https://ai.baidu.com/ &#xff0c;注册百度账号并登录 2.创建应用 3.技术文档 https://ai.baidu.com/ai-doc/FACE/yk37c1u4t 4.Spring Boot简单集成测试 pom.xml 配置&#xff1a; <!--百度AI--> <dependency> <groupId>com.baidu.…

A040-基于springboot的智能停车计费系统设计与实现

&#x1f64a;作者简介&#xff1a;在校研究生&#xff0c;拥有计算机专业的研究生开发团队&#xff0c;分享技术代码帮助学生学习&#xff0c;独立完成自己的网站项目。 代码可以查看文章末尾⬇️联系方式获取&#xff0c;记得注明来意哦~&#x1f339; 赠送计算机毕业设计600…

力扣 LeetCode 222. 完全二叉树的节点个数(Day7:二叉树)

解题思路&#xff1a; 解法一&#xff1a;普通二叉树解法 使用后序遍历 有一行的精简版代码但不利于理解采用的哪一种遍历方式 解法二&#xff1a;利用上完全二叉树的特点 一个指针left&#xff0c;一个指针right left一直向左遍历&#xff0c;right一直向右遍历&#xff…

hhdb数据库介绍(9-21)

计算节点参数说明 checkClusterBeforeDnSwitch 参数说明&#xff1a; PropertyValue参数值checkClusterBeforeDnSwitch是否可见否参数说明集群模式下触发数据节点高可用切换时&#xff0c;是否先判断集群所有成员正常再进行数据节点切换默认值falseReload是否生效是 参数设…

百度智能云千帆大模型平台引领企业创新增长

本文整理自百度世界大会 2024——「智能跃迁 产业加速」论坛的同名演讲。 更多大会演讲内容&#xff0c;请访问&#xff1a; https://baiduworld.baidu.com 首先&#xff0c;跟大家分享一张图&#xff0c;这个是我们目前大模型应用落地的场景分布。可以看到&#xff0c;大模型…

得物彩虹桥架构演进之路-负载均衡篇

文 / 新一 一、前言 一年一更的彩虹桥系列又来了&#xff0c;在前面两期我们分享了在稳定性和性能2个层面的一些演进&优化思路。近期我们针对彩虹桥 Proxy 负载均衡层面的架构做了一次升级&#xff0c;目前新架构已经部署完成&#xff0c;生产环境正在逐步升级中&#xf…

C++ lambda(匿名函数)捕获自己

今天写算法题时无意间遇到一种情况,我的深度优先遍历函数要在函数内调用自身,如果是普通函数没什么问题,但如果是 匿名函数 的话会有一些问题,甚至问ai,ai也没打上来,上网搜了半天,才找到这个的解答,故作此文 以费契那波数列为例 // 普通函数式 int fun(int pos) {if (pos …

解决Spring Boot整合Redis时的连接问题

前言 在使用Spring Boot整合Redis的过程中&#xff0c;经常会遇到连接问题&#xff0c;尤其是当Redis服务部署在远程服务器上时。 问题描述 当你尝试连接到Redis服务器时&#xff0c;可能会遇到以下错误&#xff1a; org.springframework.data.redis.connection.PoolExcept…

vue3 路由守卫

在Vue 3中&#xff0c;路由守卫是一种控制和管理路由跳转的机制。它允许你在执行导航前后进行一些逻辑处理&#xff0c;比如权限验证、数据预取等&#xff0c;从而增强应用的安全性和效率。路由守卫分为几种不同的类型&#xff0c;每种类型的守卫都有其特定的应用场景。 其实路…

向潜在安全信息和事件管理 SIEM 提供商提出的六个问题

收集和解读数据洞察以制定可用的解决方案是强大网络安全策略的基础。然而&#xff0c;组织正淹没在数据中&#xff0c;这使得这项任务变得复杂。 传统的安全信息和事件管理 ( SIEM ) 工具是组织尝试使用的一种方法&#xff0c;但由于成本、资源和可扩展性等几个原因&#xff0…

星海智算:Stable Diffusion3.5镜像教程

Stable Diffusion3.5 模型介绍 Stable Diffusion 3.5是由Stability AI推出的最新图像生成模型&#xff0c;它是Stable Diffusion系列中的一个重大升级。这个模型家族包括三个版本&#xff0c;分别是Stable Diffusion 3.5 Large、Stable Diffusion 3.5 Large Turbo和Stable Dif…