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

一、删除之前的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
相关推荐
志尊宝3 天前
Vue3 零基础每日笔记(055):组件里正确使用 store——storeToRefs 解构与 $patch 批量修改
笔记·vue·html·前端开发·软件开发
yzy853 天前
Vue中下载或打开文件的JavaScript方法
前端·javascript·vue
风尘小子3 天前
node.js系列:process配置
前端·node.js
怕浪猫3 天前
ZCode 开源了来看看这是个什么东西
node.js·github·代码规范
flash俊杰4 天前
Electron 打包后窗口 30 秒不出现:一个 ABI 不匹配的血案
electron·node.js
@tangguo1234 天前
npm 和 yarn 配置说明
前端·javascript·npm·node.js·yarn
flash俊杰4 天前
一套代码接入所有大模型:OpenAI 兼容适配器设计
node.js·openai
右耳朵猫AI4 天前
Node.js周刊2026W38 | 进程中断缺陷修复、Copilot 迁至 Rust、Node 新增 VFS
javascript·后端·node.js
光影少年5 天前
Express 中间件原理
后端·node.js·express
时速GEO系统5 天前
初元 AI V1.1 版本升级,首个正式版发布一周・实现生成、部署、上线、优化全流程自动化闭环
人工智能·数据挖掘·node.js