likes
comments
collection
share

【前端环境工具】高效管理node yarn npm的镜像源

作者站长头像
站长
· 阅读数 17

1、node版本管理

1.1、版本管理与项目

我们在公司中,往往可能不只做一个项目,而不同项目对node版本要求可能不一样,node版本高了低了都有可能导致编译不通过;

所以作为一个学会偷懒的前端,我们需要一个node版本管理工具,可以让我们快速进行node版本切换;

ps: 如果做其他项目,和其他同学一样的流程,正常装包,然后编译报错,不妨看看你们本地的node版本是否一致;

1.2、nvm与n区别

作用:

  • nvm和n都是node版本管理工具,是目前node版本管理比较主流的两种方案。

区别:

  • n:是npm开源包,可以通过npm安装,n依赖于node,使用n的前提是我们有node环境;
  • nvm:不是npm包,无法通过npm方式安装;他是一个独立软件包,安装好以后还要修改shell配置,才可以使用nvm来管理node
  • n对全局模块没有隔离,n 不会为每个 Node.js 版本创建一个隔离的环境,而是直接替换当前系统中的 Node.js 版本,以及该版本中的全局模块,所以有可能切换node版本后,全局模块执行出错
  • nvm会为每个Nodejs版本创建隔离的环境,全局模块存在于各自版本的隔离环境中是互相独立的,不同版本不存在任何问题

选择:

  • 如果你想要简单快捷的拥有node版本管理工具,用n就可以
  • 如果你需要考虑全局模块兼容,那么推荐使用nvm

我目前一直用的是n(主要嫌弃nvm使用麻烦),暂时没有遇到过全局模块兼容的问题;

所以下面我会对n常用命名进行介绍

1.3、n使用

1、安装

sudo npm install -g n

2、查看当前可切换的node版本

n

【前端环境工具】高效管理node yarn npm的镜像源

3、安装最新稳定版本



sudo n stable

mac注意要加sudo,不然会报错

【前端环境工具】高效管理node yarn npm的镜像源

4、安装某个版本

n 14


【前端环境工具】高效管理node yarn npm的镜像源

2、npm和yarn镜像源管理

2.1、npm镜像是什么

镜像源是指在软件包管理系统中用于存储软件包的服务器。

镜像源的作用是:

  • 加速软件包的下载:当用户从镜像源下载软件包时,可以减少因网络距离等原因导致的下载速度慢。
  • 减少下载压力:通过在多个镜像源上存储软件包,减少对官方源的下载压力。
  • 提高稳定性:如果官方源故障,可以通过切换到其他镜像源解决。
  • 镜像源通常是由社区或组织提供的,它们从官方源同步最新的软件包,并提供给用户使用。

2.2、切换镜像源-非工具

我们知道如果是用npm镜像可能会出现超时出错问题,我们可以修改为国内镜像

1、临时切换镜像

npm --registry https://registry.npm.taobao.org install XXX

yarn --registry https://registry.npm.taobao.org install XXX

2、永久切换镜像

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

3、恢复官方地址

npm config set registry https://registry.npmjs.org
yarn config set registry https://registry.yarnpkg.com

4、查看当前镜像


npm config get registry
yarn config get registry

2.3、镜像源管理工具-nrm

npm 镜像管理工具nrm

安装

npm i nrm -g


查看当前镜像

nrm ls

【前端环境工具】高效管理node yarn npm的镜像源

增加镜像源


nrm add test http://registry.test.org/

【前端环境工具】高效管理node yarn npm的镜像源

性能测试

nrm test taobao

nrm test npm



【前端环境工具】高效管理node yarn npm的镜像源

可以看到淘宝的源比npm官网的源快多了

总结

nrm用来管理镜像方便很多,但是他无法管理yarn的镜像源,所以yrm出世,yrm可以同时管理npm和yarn的镜像源

2.4、镜像源管理工具-yrm

yrm相比nrm他可以同时切换npm 和yarn的镜像,这样无论你使用npm还是yarn都可以变得很方便了

2.4.1、安装


npm i yrm -g

2.4.2、 镜像列表查看

yrm ls


【前端环境工具】高效管理node yarn npm的镜像源

2.4.3、切换镜像

yrm use taobao


【前端环境工具】高效管理node yarn npm的镜像源

可以看到已经切换成功;

2.4.4、yrm同时管理npm和yarn验证

npm config get registry

yarn config get registry


下面我们验证一下npm和yarn是否都切换成淘宝

【前端环境工具】高效管理node yarn npm的镜像源 从图片可以看到通过yrm可以切换npm和yarn的镜像源了