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

nvm和node的环境配置与下载

nvm与node安装配置详细教程,温馨提示:如果电脑中已经安装了nodejs,一定要卸载干净!!! 昨天配置的node环境出问题了,所以今天重新配置nvm和node。

一、卸载node教程

1、完全卸载旧的nodejs

  1. 控制面板卸载 nodejs
  2. 删除node的安装目录
  3. 删除C盘中遗留的文件

在C盘查找 .npmrc与 .node_repl_history是否存在,删除

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的所有环境变量进行删除
  2. 在命令行中测试是否卸载完成

出现以下提示表示已经卸载完成。
在这里插入图片描述

二、下载nvm

1、下载NVM

(1)第三方(应该不是官网的)

首先从这个网站下载适合自己电脑配置的安装包,我下载的是window版本的安装程序。
在这里插入图片描述

(2)官网下载

github网站有多个版本可以下载
在这里插入图片描述

nvm-noinstall.zip 绿色免安装,但使用时需进行配置
nvm-setup.zip 安装版,推荐使用
nvm-setup.exe 无需解压,直接安装,强烈推荐 !!!

2、安装nvm

下载好后双击点开,同意这个协议。
在这里插入图片描述

接下来就是经常遇到的,选择安装目录,没有分盘的小伙伴,可以点默认路径或者是自定义的路径,其他的小伙伴也是一样的,提示:安装路径中不要有空格

在这里插入图片描述
这个目录是 当nvm 使用固定版本时,该版本存在的目录。可以不用修改,我这里就没有修改路径。
在这里插入图片描述
这里可以全部选择后,继续点next。
在这里插入图片描述
中间会遇到输入邮箱的界面,可以输入之后点击next,最后点击install。
在这里插入图片描述
到这里就安装完毕。
在这里插入图片描述

3、nvm修改镜像

打开命令行(win+R),输入cmd ,回车后,在命令行输入nvm root 命令,可以查看nvm的安装根路径在那个文件夹
在这里插入图片描述
找到node的安装目录,打开之后,找到setting.txt文件并打开。
在这里插入图片描述
将以下代码复制进这个文件夹并保存,完成nvm源修改。

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

在这里插入图片描述

4、nvm配置环境变量

环境变量打开方式:我的电脑->属性->高级系统设置->环境变量->确认与如下配置保持一致(默认nvm安装成功后,会自动生成)
在这里插入图片描述
继续打开命令行(win+R),输入cmd,回车后,输入nvm -v命令,查看是否返回版本号,如何返回则配置成功。
在这里插入图片描述

三、安装node.js及配置环境变量。

1、通过nvm安装node

输入以下代码,查看node.js最新的一批版本(版本号:偶数是绝对稳定版本 基数是不一定稳定版本)

nvm list available

在这里插入图片描述
安装指定的版本:nvm install v16.20.2,查看安装的所有版本:nvm list 或 nvm ls,进入或切换版本:nvm use v16.20.2
在这里插入图片描述
使用以下命令,检查是否安装成功。

node -v
npm -v

在这里插入图片描述

2、node.js配置与使用

(1)新建文件

在nvm安装node后会生成nodejs文件夹,在里面新建两个文件夹,安装目录下创建node_cache和node_global两个文件夹,如下图所示。
在这里插入图片描述

(2)配置文件

创建文件夹后,分别执行以下命令

npm config set prefix "自己的路径\node_global"
npm config set cache "自己的路径\node_cache"# 配置完后请查看是否配置成功
npm config ls

在这里插入图片描述

(3)系统环境变量配置

在【系统变量】中选择【Path】点击【编辑】后点击新建【%NODE_PATH%】,随后一直点击【确定】直到关闭所有窗口即可。
变量名:NODE_PATH,变量值:D:\路径\node_global\node_modules, 注意看没写错,多了一个\node_modules,这个文件夹不需要你自己新建,用的时候自己会有。
在这里插入图片描述

(4)新建变量

双击path,新建%NODE_PATH%
在这里插入图片描述

(5)配置下载源

配置npm下载源,这个默认是国外的,改成国内的,

// 查询源
npm config get registry// 更换国内源
npm config set registry https://registry.npmmirror.com

在这里插入图片描述

(6)测试node

测试node,打开命令行(使用有管理权限)执行:

npm install vue -g

在这里插入图片描述
打开安装目录的路径,新的文件已经创建成功,表示测试成功!
在这里插入图片描述
目录下面有vue的依赖了,表示测试成功!!
在这里插入图片描述

相关文章:

  • 数据结构与算法Day3:绪论第三节抽象数据类型、算法及其描述
  • Python打卡训练营学习记录Day38
  • 鸿蒙 Form Kit(卡片开发服务)
  • 多空短线决策副图指标,通达信炒股软件指标操盘图文教程
  • rabbitmq的高级特性
  • 016搜索之广度优先BFS——算法备赛
  • UPS的工作原理和UPS系统中旁路的作用
  • 数据库优化常用技巧【面试】
  • 上讯信息运维管理审计系统imo.php存在命令执行漏洞(CNVD-2025-07703)
  • hive 笔记
  • JAVA运算符详解
  • 实验设计与分析(第6版,Montgomery)第3章单因子实验:方差分析3.11思考题3.4 R语言解题
  • 如何彻底禁用WordPress中的评论
  • 12. CSS 布局与样式技巧
  • [ Qt ] | 常见控件(二): window相关
  • 每天掌握一个Linux命令 - sqlite3
  • Baklib在数字化内容管理中的关键作用是什么?
  • JAVA SE 文件IO
  • 笔记: 在WPF中ContentElement 和 UIElement 的主要区别
  • MYSQL丢失pid处理方式
  • 正规公司简历模板/seo 工具分析
  • 当今做网站的流行/广州网络推广服务商
  • 公司网站设计 上海/seo优化一般优化哪些方面
  • 做网站需要公司资料吗/手机网站模板下载
  • 长沙品质企业建站服务电话/全网推广哪家正宗可靠
  • 兰州企业网站建设公司/百度移动首页