一、先卸载原先的npm、node
1、命令行查看npm、node版本都正常
2、卸载npm:npm uninstall -g npm
3、电脑中找到node程序,点击直接卸载
4、命令行查看npm、node版本均显示不是内部或外部命令等,就卸载成功啦
二、下载并安装nvm
1、下载nvm
链接地址:Releases · coreybutler/nvm-windows · GitHub
里面有各种版本,我选择的最新版本,点击红色框的进行下载:
2、安装nvm
1)点击同意
2)更换nvm的安装地址路径
3)更换nodejs所在路径
小提示:上面修改了文件位置,那么在安装完成后记得去环境变量里配置nodejs的最新位置
4)点击安装
5)查看是否安装成功
nvm -v
nvm list available 查看可安装的node版本
至此nvm安装成功啦~~~
3、nvm相关命令
- nvm list 查看已经安装的版本
- nvm list installed 查看已经安装的版本
- nvm list available 查看网络可以安装的版本
- nvm version 查看当前的版本
- nvm install 安装最新版本
- nvm nvm use <version> ## 切换使用指定的版本
- node nvm ls 列出所有版本 nvm current显示当前版本
- nvm alias <name> <version> ## 给不同的版本号添加别名
- nvm unalias <name> ## 删除已定义的别名
- nvm reinstall-packages <version> ## 在当前版本node环境下,重新全局安装指定版本号的npm包
- nvm on 打开nodejs控制
- nvm off 关闭nodejs控制
- nvm proxy 查看设置与代理
- nvm node_mirror [url] 设置或者查看setting.txt中的node_mirror,如果不设置的默认是 Index of /dist/
- nvm npm_mirror [url] 设置或者查看setting.txt中的 npm_mirror,如果不设置的话默认的是: https://github.com/npm/npm/archive/
- nvm uninstall <version> 卸载制定的版本
- nvm use [version] [arch] 切换制定的node版本和位数
- nvm root [path] 设置和查看root路径
三、安装 所需node、vue等
注意:以管理员的身份安装
1、修改文件settings.txt:
找到nvm安装目录下的settings.txt,加入这两句
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/注意以上这两句加上之后,安装 nvm install {版本} 是会报错的 ,从24年2月之后会报错:Get "https://npm.taobao.org/mirrors/node/latest/SHASUMS256.txt": tls: failed to verify certificate: x509: certificate has expired or is not yet valid:
这个错误是因为提示证书过期,需要更换新地址,则将地址更换成这个:
node_mirror: https://cdn.npmmirror.com/binaries/node/
npm_mirror: https://cdn.npmmirror.com/binaries/npm/
ok,这下可以安装你想要的node版本啦,npm是自带的,包含在里面
输入:nvm install 21.0.0
输入:nvm use 21.0.0
再输入以下都是正常的
但是vue -V却报错不是内外部命令,于是再从新全局下载vue,需要注意:每次下载新的nodejs版本后,都需要从新下载vue相关东西。
输入:npm i vue @vue/cli webpack -g
竟然也报错:request to https://registry.npm.taobao.org/uview-ui failed, reason: certificate has expired,原因:淘宝镜像到期了,官方地址变更,导致不管下载什么组件都会报错,于是解决办法:
输入:npm cache clean --force //清空缓存
输入:npm config set registry https://registry.npmjs.org
输入:npm config set registry https://registry.npmmirror.com //切换新源
输入:npm config get registry //查看是否修改成功
输入:npm install -g cnpm
输入:cnpm -v
输入:cnpm i vue @vue/cli webpack -g
这下 vue -v 可以成功啦,至此所有东西都安装完成~~~
当前用的是21.0.0版本,如果你想换其他版本:
输入:nvm install 【你需要的版本号】
输入:nvm use 【你需要的版本号】
输入:npm install -g cnpm
输入:cnpm -v
输入:cnpm i vue @vue/cli webpack -g
输入:vue -V
欧了,安装并启动项目吧
四、项目实践中的问题
1、在安装node v14.17.4版本时,一直安装不成功,最后只能手动从官网下载对应版本,再手动放进来,测试项目可以正常访问了。(测试发现低版本的都安装不成功,不清楚为啥)
后续遇到问题再更新~~~
有用就点个赞啦,嘻嘻~~~