安装nvm 管理node.js版本实现vue2和vue3项目共存

小葛要努力2026-06-16 8:43

一、删除之前的node和npm

1.清除npm缓存：打开cmd窗口，输入：

javascript 复制代码

npm cache clean --force

回车执行，清除npm缓存

**2.卸载node.js应用：**打开'控制面板'------'程序与功能'界面，找到node.js,点击卸载

3.检查是否删除干净，之后重启电脑：

javascript 复制代码

npm -v
``

```javascript
node -v

二、安装nvm

地址：https://github.com/coreybutler/nvm-windows/releases

我这里安装的是1.1.11版本

安装成功后查看版本：

javascript 复制代码

nvm -v

显示node是运行子啊32位还是64

javascript 复制代码

nvm arch

可用版本列表

javascript 复制代码

nvm ls available

三、安装Node.js版本

1、install node

javascript 复制代码

nvm install 16
nvm install 18
nvm list
nvm use 16 //使用那个就use哪个!!!!
//小提示：不要安装 node 的奇数版本！LTS 一般就是偶数版本。

2、修改 npm 默认镜像源

修改 npm 镜像源为淘宝镜像源

javascript 复制代码

npm config set registry http://registry.npmmirror.com

检查是否成功

javascript 复制代码

npm config get registry

3、配置 node 的 prefix（全局路径）和 cache（缓存路径）

3.1、【非必须，可直接跳过】选择需要使用的 node 版本，新建两个文件夹

node_global：npm install 下载的全局插件

node_cache：node 的缓存

3.2、【关键】设置全局模板（prefix）和缓存文件（cache）的存放路径：

javascript 复制代码

//npm config set cache "%NVM_SYMLINK%\node_cache"
npm config set cache "D:\Nvm\nodejs\node_cache"

javascript 复制代码

//npm config set prefix "%NVM_SYMLINK%\node_global"
npm config set prefix "D:\Nvm\nodejs\node_global"

javascript 复制代码

//可编辑 .npmrc 配置文件
npm config edit

javascript 复制代码

// 查看部分 .npmrc 配置信息
npm config ls

4、配置 node 环境变量（通用配置，仅需一次配置）

5、配置完成后，输入以下命令进行验证

javascript 复制代码

// 查看 node 版本，若返回版本号，node 可用
node -v
// 查看 npm 版本，若返回版本号，npm 可用
npm -v