使用nvm管理node.js版本以及更换npm淘宝镜像源

目录

  • 1,前言
  • 2,安装nvm
  • 3,nvm的使用
  • 4,错误处理
  • 5,修改npm默认镜像源
  • 6,win10下cnpm报错

1,前言


注意:此教程仅限Windows,Mac可能不适用

在我们的日常开发中可能会遇到这种情况:手上有好几个项目,每个项目的需求不同,进而不同项目必须依赖不同版的node.js,如果没有一个合适的工具,这个问题将非常棘手。所以,nvm应运而生。

2,安装nvm


1,首先需要卸载已安装的node.js,卸载完成后,请检查环境变量,如果还有node.js,请去掉,保证系统已经无任何node.js残留。

nvm下载网址:https://github.com/coreybutler/nvm-windows/releases

使用nvm管理node.js版本以及更换npm淘宝镜像源_第1张图片
2,进入nvm下载地址,下载nvm-setup安装包,

3,下载完成后,解压,运行安装文件,安装路径不要有中文,空格等,不要放在C盘,可能会出现无法访问的情况。

4,打开cmd,输入nvm,出现下面这一堆字就是安装成功了

使用nvm管理node.js版本以及更换npm淘宝镜像源_第2张图片
5,配置下载镜像,在nvm安装路径下找到setting.txt文件,打开,新增如下信息

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

增加后如下
使用nvm管理node.js版本以及更换npm淘宝镜像源_第3张图片

第一行是nvm安装路径
第二行是nodejs路径
第三行是node下载镜像
第四行是npm下载镜像

3,nvm的使用


找到cmd,使用管理员模式打开

1,安装指定node.js版本

nvm install 14.16

2,安装完成之后,需要使用才能生效

nvm use 14.16

3,查看当前已安装的node.js版本,带*号的是正在使用的

nvm ls

4,错误处理


1,出现node.js拒绝访问

拒绝访问
解决办法:卸载nvm,检查是否有node.js残留,包括环境变量,重启,重装nvm


2,npm -v,出现npm不是内部或者外部的命令

npm
这是因为8.11以上版本的node.js对应的npm都没法自动安装,需要手动安装对应版本的npm

npm各版本下载地址:https://npm.taobao.org/mirrors/npm

或者:https://github.com/npm/cli/releases/tag/v6.14.11

下载完成后,解压,将文件夹名字改成npm,放入nvm安装目录中对应node.js版本的文件夹里面的node_modules文件夹中,然后,在文件夹中找到bin文件夹,将下图4个文件复制,粘贴到node_modules的同级目录里

使用nvm管理node.js版本以及更换npm淘宝镜像源_第4张图片
至此,解决。

2022-11-08添加

解决办法二:

直接在官网下载node.js二进制包(.zip的),解压后,把名字修改为v+版本号,比如你下载了18.0.0版本,那就把文件夹改为v18.0.0,然后丢进nvm安装目录就可以了

node.js历史版本列表:传送门

5,修改npm默认镜像源

修改npm镜像源为淘宝镜像

npm config set registry https://registry.npm.taobao.org

检查是否成功

npm config get registry

或者直接安装淘宝镜像(命令如下,使用起来就是cnpm)

npm i -g cnpm --registry=https://registry.npm.taobao.org

6,win10下cnpm报错


1,在开始菜单里找到Windows PowerShell,并以管理员身份运行

使用nvm管理node.js版本以及更换npm淘宝镜像源_第5张图片

2,输入set-ExecutionPolicy RemoteSigned,回车,出现下图这段话后,输入a回车

步骤
3,再输入get-ExecutionPolicy,回车,出现RemoteSigned即为成功

使用nvm管理node.js版本以及更换npm淘宝镜像源_第6张图片

如果看了觉得有帮助的,我是@鹏多多i,欢迎 点赞 关注 评论;
END

往期文章

  • javaScript中try和catch的使用和跳出forEach循环
  • 细数JS中实用且强大的操作符&运算符
  • Vue环境搭建和创建你的第一个项目
  • 微信小程序request请求的封装

个人主页

  • CSDN
  • GitHub
  • 简书
  • 博客园
  • 掘金

你可能感兴趣的:(Web前端技巧,node.js,npm,前端)