安装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
相关推荐
weixin_5716674116 小时前
[解决] Node.js 安装后 命令找不到
node.js
这里是杨杨吖17 小时前
SpringBoot+Vue高校在线考试系统 附带详细运行指导视频
vue·在线考试·springboot
孜孜不倦不忘初心18 小时前
mac安装nvm及问题记录
前端·node.js
快乐的哈士奇1 天前
Gmail-邮件自动处理系统
node.js·自动化·excel
wuxia21181 天前
在5种环境中编写点击元素改变内容和颜色的JavaScript程序
javascript·微信小程序·vue·jquery·react
Sweet锦1 天前
Vue3 集成 ApexCharts 避坑指南:从动画失效到自定义指令的完美解决方案
vue·echarts
星空1 天前
Node.js (Express) + Vue2 Axios 前后端交互 CRUD
vue.js·node.js·express
云浪1 天前
别再让用户干等了:用 Express + SSE 实现《红楼梦》AI 问答实时输出
javascript·后端·node.js
怕浪猫1 天前
Electron 开发实战(十四):实战项目|从零搭建轻量化桌面代码编辑器
前端·electron·node.js