使用nvm管理node多版本全过程

此前写的整个流程是经过反复踩坑写的,流程不够清晰,现在再重新梳理一遍整体流程,之前的流程放入后边不进行删除。
一、nvm下载安装
1、下载地址下载地址
在这里插入图片描述
2、然后安装nvm-setup.exe:如果想在nvm外再包一层文件夹,可以在安装之前先在需要安装的位置创建一个文件夹,如果想直接使用nvm文件夹可以不创建,我这里先创建了一个nvmInstall,这里创建与否都可以。
在这里插入图片描述
点击next:会出现在我们选择的文件夹后边,自动加上出现一个/nvm:
在这里插入图片描述
点击next:
下边是node的位置,此时选择最多是能选到nvmInstall这一层,但是我们需要存放的位置是,nvm文件夹下的nodejs,所以需要手动向后添加,如下:注意:此处nodejs文件夹不要去手动创建,这个是nvm use xx版本时自动生成的,若手动创建会use不成功
在这里插入图片描述
点击next。
3、去找到nvm文件夹下的settings.txt文件,添加两句配置:(为了将下载源使用淘宝镜像)

node_mirror: https://npm.taobao.org/mirrors/node/ 
npm_mirror: https://npm.taobao.org/mirrors/npm/

添加完之后文件内部:

root: D:\softInstall\nvmInstall\nvm
path: D:\softInstall\nvmInstall\nvm\nodejs
node_mirror: https://npm.taobao.org/mirrors/node/ 
npm_mirror: https://npm.taobao.org/mirrors/npm/

4、配置环境变量
右击此电脑-属性-高级系统配置-环境变量
系统变量,新建:变量名:NODE_PATH,变量值:D:\softInstall\nvmInstall\nvm\nodejs\node_global\node_modules
点击确定
用户变量:Path:在一行内写入:D:\softInstall\nvmInstall\nvm\nodejs\node_global
点击确定
5、去cmd命令面板去设置:
nvm -v
如果nvm安装成功会显示版本号
nvm list
此时还没安装node,应该出现如下提示:
No installations recognized.
使用nvm下载node:
比如下载node版本16.18.1:
输入:nvm install 16.18.1
使用nvm list或者nvm ls来查看下载的node版本
此时应该会出现16.18.1,前边没有星号,因为还未选择使用node版本
输入nvm use 16.18.1
继续nvm ls
此时应该是出现星号和版本号
然后node -v查看node版本是否成功,npm -v查看npm是否配置成功
以上操作图如下:
在这里插入图片描述
6、运行完nvm use xxx之后,D:\softInstall\nvmInstall\nvm\文件夹中会出现nodejs文件夹,
然后到D:\softInstall\nvmInstall\nvm\nodejs文件夹中添加两个文件夹node_global和node_cache
若操作都如上所示成功进行,接下来在命令行进行配置:

npm config set prefix "D:\softInstall\nvmInstall\nvm\nodejs\node_global"
npm config set cache "D:\softInstall\nvmInstall\nvm\nodejs\node_cache"

使用:

npm config get prefix
npm config get cache

来检查是否设置成功
在这里插入图片描述
设置npm下载地址为淘宝镜像源:
npm config set registry https://registry.npm.taobao.org/
查看是否设置成功:npm config get registry

以下是之前写的旧流程,流程较乱
参考链接
win10环境使用nvm安装管理多版本nodejs
使用node工程,有时不同项目需要使用不同node版本,来回安装肯定是很麻烦的,所以需要一个方法能够使电脑系统安装多个node版本,并且使用一句命令就能自由切换。
nvm安装
1.nvm安装,首先在官网下载
安装地址
在这里插入图片描述
然后安装nvm-setup.exe:
在这里插入图片描述
在这里插入图片描述
注意:上面的两个地址,默认的是C盘,现在更换到D盘。并且,切记安装路径的文件夹名称不要出现空格,否则后期NPM使用的时候会出现符号格式不正确。
配置nvm的安装目录,切换到淘宝,有两种方式:
(1)使用命令:

//命令行中输入一下命令进行配置
nvm node_mirror https://npmmirror.com/mirrors/node/
nvm npm_mirror https://npmmirror.com/mirrors/npm/

(2)直接手动更改:
在这里插入图片描述
手动添加
node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/
这两句到setting.txt
在这里插入图片描述
保存退出即可。
这里我采用得是第二个方法。
然后使用NVM命令直接插入对应版本的nodejs即可:
nvm install 16.18.1
插入完成后
在这里插入图片描述
nvm进行切换node,卸载node,更换当前电脑使用node版本

nvm install 16.18.1   // 安装node16.18.1版本(附带安装npm)
nvm uninstall 16.18.1 // 卸载node16.18.1版本
nvm list            // 查看已安装node版本   或者nvm ls
nvm use 16.18.1       // 将node版本切换到16.18.1

环境变量配置
开始配置环境变量::
首先创建"node_global"和“node_cache”两个文件夹,进行全局安装的时候,安装对应的库到这两个文件。在nvm的node安装路径D:\NVMinstall\nodejs新建两个文件夹,命名为"node_global"和“node_cache”。
在这里插入图片描述
设置电脑环境变量,右键“我的电脑”—属性—高级系统设置—环境变量 进入以下环境变量对话框。
1)在【系统变量】新建环境变量 NODE_PATH,值为D:\install\nodejs\node_global\node_modules,其中D:\install\nodejs\node_global是上述创建的全局模块安装路径文件夹
在这里插入图片描述
2)修改【用户变量】中的path变量,将C:\Users\hua\AppData\Roaming\npm修改为D:\install\nodejs\node_global
在这里插入图片描述
创建完后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径),主要目的是方便后面window机器进行使用方便:
npm config set prefix “D:\NVMinstall\nodejs\node_global”
npm config set cache “D:\NVMinstall\nodejs\node_cache”
3)点击确定后,配置完成。

在运行nvm命令时,可能会报错nvm‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
此时已经安装好nvm了,但是使用时候还是报错,
参考链接
检查一下自己的环境配置
环境变量配置–系统变量,点击输入变量名NVM_HOME,变量值是nvm所安装的路径。
新建系统变量点击确定后,找到系统变量中的Path 点击编辑,新建——输入 %NVM_HOME% ——确定
在这里插入图片描述
我按照以上步骤安装好的最终目录:
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

!!!!!换电脑按照上述步骤操作发现安装卸载无数次nvm和node都是node npm 不是内部命令,历时三个小时反复实验,终于找到原因,原因
在这里插入图片描述
一开始我们将nodejs放在与nvm同一级目录,改为nodejs在nvm文件夹内部,同时将nvm文件夹下的setting.txt文件中的位置更改为:
root: D:\NVMinstall\nvm
path: D:\NVMinstall\nvm\nodejs

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
在这里插入图片描述
对应的环境变量全改掉:
分别为:用户变量中:NVM_HOME NVM_SYMLINK path
在这里插入图片描述
用户变量中的path:
在这里插入图片描述
系统变量中的path:
在这里插入图片描述
系统变量中的NODE_PATH:
在这里插入图片描述
设置好之后,在nvm–>nodejs文件夹中创建两个文件夹分别为:
node_cache和node_global
然后在窗口命令处cmd,运行:
npm config set prefix “D:\NVMinstall\nvm\nodejs\node_global”
npm config set cache “D:\NVMinstall\nvm\nodejs\node_cache”
在这里插入图片描述
输入node -v 和npm -v看是否成功

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值