node和npm版本搭配出错?试试mvn便捷安装,多版本切换nodejs

这个强烈推荐太好用了,比gnvm手动安装的方式好用,N倍

大家写VUE的,赶快都去装一个NVM!!!!

起初是我自己在做的东西分别是老项目用的nodejs 14.21.3  npm6.14.18

但是呢又在做vue3 使用的是node 20.10.0

然后 就是各种不兼容,换来换去好麻烦   装吐了,一通找发现的nvm,集成安装、多版本、切换node版本.........(狂吹)

下面一部分资料  start....

ps:nvm常用快捷操作指令

 查看都有有哪些已经下载安装的node版本,加*星号的是当前使用的
 nvm list
 ​
 查看官方所有版本,只列举一部分,官网全一些
 nvm list available
 ​
 安装node(匹配的npm自动选择安装)
 nvm install +版本号
 ​
 切换指定的node版本(匹配的npm自动切换)
 nvm use +版本号 

0.安装nvm

打开CMD,输入命令 nvm ,安装成功则如下显示。可以看到里面列出了各种命令,本节最后会列出这些命令的中文示意。


nvm命令提示

  • nvm arch:显示node是运行在32位还是64位。

  • nvm install <version> [arch] :安装node, version是特定版本也可以是最新稳定版本latest。可选参数arch指定安装32位还是64位版本,默认是系统位数。可以添加--insecure绕过远程服务器的SSL。

  • nvm list [available] :显示已安装的列表。可选参数available,显示可安装的所有版本。list可简化为ls。

  • nvm on开启node.js版本管理。

  • nvm off :关闭node.js版本管理。

  • nvm proxy [url] :设置下载代理。不加可选参数url,显示当前代理。将url设置为none则移除代理。

  • nvm node_mirror [url] :设置node镜像。默认是Index of /dist/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。

  • nvm npm_mirror [url] :设置npm镜像。https://github.com/npm/cli/archive/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。

  • nvm uninstall <version> :卸载指定版本node。

  • nvm use [version] [arch] :使用制定版本node。可指定32/64位。

  • nvm root [path] :设置存储不同版本node的目录。如果未设置,默认使用当前目录。

  • nvm version :显示nvm版本。version可简化为v。

安装node.js版本

nvm list available 显示可下载版本的部分列表

nvm install latest安装最新版本 ( 安装时可以在上面看到 node.js 、 npm 相应的版本号 ,不建议安装最新版本)

nvm install 版本号

安装指定的版本的nodejs

查看已安装版本

nvm listnvm ls

查看目前已经安装的版本 ( 当前版本号前面没有 * , 此时还没有使用任何一个版本,这时使用 node.js 时会报错 )

切换node版本

nvm use版本号

使用指定版本的nodejs ( 这时会发现在启用的 node 版本前面有 * 标记,这时就可以使用 node.js )

nvm切换国内镜像

如果下载node过慢或者安装失败,请更换国内镜像源, 在 nvm 的安装路径下,找到 settings.txt,设置node_mirro与npm_mirror为国内镜像地址。下载就飞快了~~

root: D:\nvm path: D:\nodejs nvm npm_mirror CNPM Binaries Mirror nvm node_mirror CNPM Binaries Mirror 或者: node_mirror: CNPM Binaries Mirror npm_mirror: CNPM Binaries Mirror

命令行切换(注意:请切换国内镜像后再安装node版本,否则会很慢)

阿里云镜像
 nvm npm_mirror https://npmmirror.com/mirrors/npm/
 nvm node_mirror https://npmmirror.com/mirrors/node/
腾讯云镜像
 nvm npm_mirror http://mirrors.cloud.tencent.com/npm/
 nvm node_mirror http://mirrors.cloud.tencent.com/nodejs-release/

打开链接查看可以node版本:CNPM Binaries Mirror

ps

如果切换对应的node和npm版本后还是报错,比如说

  $ npm run serve
 ​
 > big-data-analysis@0.1.0 serve D:\SoftwareHeiMa\IdeaProject\WorkProject\bigdata20231128\analysis
 > vue-cli-service serve
 ​
 'vue-cli-service' 不是内部或外部命令,也不是可运行的程序
 或批处理文件。
 npm ERR! code ELIFECYCLE
 npm ERR! errno 1
 npm ERR! big-data-analysis@0.1.0 serve: `vue-cli-service serve`
 npm ERR! Exit status 1
 npm ERR!
 npm ERR! Failed at the big-data-analysis@0.1.0 serve script.
 npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
 ​
 npm ERR! A complete log of this run can be found in:
 npm ERR!     D:\SoftwareHeiMa\nodejs\node_cache\_logs\2023-11-28T15_35_23_861Z-debug.log
 ​

那么就是这个项目的node_modules安装的有问题

删除这个项目的node_modules

然后再重新安装这个项目所需要的

 npm install

即可运行成功

  • 6
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值