安装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
相关推荐
damoluomu6 小时前
SSG 的后台怎么补:Node.js 生态里的三条路(番外二)
javascript·css·typescript·node.js·html
花开富贵城7 小时前
使用fnm安装node.js包管理器
node.js
濮水大叔17 小时前
NestJS Dynamic Providers 与 Cabloy/Vona Provider Scene:同接口多实现的两种装配哲学
typescript·node.js·nestjs
NetX行者1 天前
用 Vite + Vue3 + UnoCSS 搭建企业级项目模板(一):基础骨架
vue·vite·unocss
silvamux_1 天前
Node.js 调用大模型 API 排错实录
node.js
Amumu121381 天前
NodeJs介绍
前端·node.js
孟陬1 天前
利用 TypeScript `asserts` function 语法定制一个类型缩窄的 `assertIncludes`
typescript·node.js
damoluomu1 天前
静态站点生成器怎么选:Node.js 生态里常用的五个(番外一)
javascript·css·typescript·node.js·html
java水泥工1 天前
什么是前端
java·vue·html5
濮水大叔1 天前
Cabloy/Vona 如何避开 NestJS 的循环依赖问题:懒属性注入机制源码解析
typescript·node.js·nestjs