使用NVM时遇到的“坑“(前面为正常操作,常见问题在后面)

766 阅读2分钟

一. NVM的安装(快乐式)

直接下一步下一步即可安装完成(根据自己的需求安装的自己的目录) 安装完成后(这边是我的目录结构,你会发现只有一些内容) 这部分就是干净的nvm

二.安装NVM的前置操作

一定要把本机原来的Node.js卸载干净 Node.js可能存在的目录: ①C:\Users[用户名]\AppData\Roaming\Node.js等 ②C:\Program Files\node.js等 ③一定要检查"环境变量"里面相关的node配置,删除


三、开始安装NPM

1. 先检查NVM是否安装正确以及NVM底下的内容

出现了版本号即安装成功我这边是安装了两个版本 我这边是安装了两个版本15.12.0、8.13.0,新安装的话是没有内容的

2.现在开始安装任意版本的npm(10.13.0为例)

nvm install 10.13.0

补充:如果下载内容过慢,可以在NVM目录下的setting文件添加内容 在这里插入图片描述 setting添加的内容

node_mirror: npm.taobao.org/mirrors/nod… npm_mirror: npm.taobao.org/mirrors/npm…

安装过程及结果 在这里插入图片描述 查看NVM下的NPM版本并使用

nvm list nvm use 10.13.0

在这里插入图片描述

安装Vue为引例

npm install -g vue-cli

在这里插入图片描述 在这里插入图片描述 这里即为完成整个流程!!!


四、常见的问题

Node.js没有卸载干净导致通过NVM安装的NPM文件乱飞

nvm config list

在这里插入图片描述 这里可以看到当前的版本是10.13.0而我的prefix路径竟然是8.13.0 说明prefix的设置出现了问题!修改如下:

npm config set prefix="D:\nvm\v10.13.0"

在这里插入图片描述 在nvm下的10.13.0的路径 查看当前10.13.0下安装的插件(确保当前使用的是对应的版本)

npm list -g --depth 0

在这里插入图片描述 然后再重新安装vue-cli

npm install -g vue-cli

在这里插入图片描述


五、总结

1.如果电脑并没安装过任何与Node.js相关的内容,按照正常步骤即可完成

2.如果安装过,一定要确保先删除干净本机的Node.js,再进行安装NVM

3.安装NPM如果过慢,就在setting里面添加"两句话"

4.安装好后,安装类似Vue一样的内容,发现命令不可用,就要使用npm config list来检查prefix是否正确,如果不正确使用命令设置

5. 经常用到的命令 npm config set prefix="路径"以及npm config list