首页 前端知识 npm、nrm、nvm详解与应用

npm、nrm、nvm详解与应用

2024-06-11 09:06:55 前端知识 前端哥 331 740 我要收藏

本文全面介绍了 npm、nrm 以及 nvm 这三个与 Node.js 开发密切相关的工具。首先,对 npm 进行了定义和功能解释,包括其在依赖管理、项目管理、脚本执行、版本控制和社区贡献等方面的作用。接着,详细介绍了 npm 的常用命令和设置下载源的操作,并解决了在安装依赖时可能遇到的 "certificate has expired" 问题。其次,介绍了 nrm 的用途、常用命令以及设置下载源的重要性,展示了 nrm 在管理 npm 源方面的便捷性。最后,针对多版本管理需求,详细解释了 nvm 的定义、用途、安装方法和常用命令,展示了通过 nvm 可以轻松管理不同 Node.js 版本,提高开发效率的优势。

一、npm(Node Package Manager)

1、什么是 npm ?

  npm 是 Node.js 的默认包管理工具,随同 Node.js 一起安装,它允许开发者安装、更新、卸载和共享 JavaScript 包和模块。npm 的起源可以追溯到 Node.js 的早期版本,随着 Node.js 的普及、JavaScript 生态系统的发展,npm 的功能和影响力不断增强,成为了 JavaScript 生态系统中不可或缺的一部分。

2、npm 的用途

  • 依赖管理:npm允许开发者轻松地安装、更新和卸载项目的各种依赖项,包括开发依赖和生产依赖,确保项目的稳定性和可靠性。
  • 项目管理:npm不仅可以管理项目的依赖关系,还可以帮助开发者初始化新项目、发布项目到npm仓库、分享代码和资源,促进代码的共享和复用。
  • 脚本执行:通过在package.json文件中定义自定义脚本命令,npm可以帮助开发者执行各种项目任务,例如构建、测试、启动应用等,提高开发效率。
  • 版本控制:npm支持语义化版本规范(Semantic Versioning),开发者可以精确控制项目依赖包的版本,避免版本冲突和兼容性问题。
  • 社区贡献:开发者可以使用npm将自己编写的包发布到npm仓库,供其他开发者使用,也可以从npm仓库中获取其他开发者分享的包,扩展项目的功能和特性。

3、常用命令

  • npm install:安装项目的所有依赖项。可以使用 npm install packageName 安装特定包,也可以使用 npm install --save packageName 将包添加到 package.json 文件的 dependencies 中。
  • npm uninstall packageName:卸载指定的包。
  • npm update packageName:更新指定包的版本。
  • npm outdated:检查过时的依赖包。
  • npm init:初始化一个新的 npm 项目,生成 package.json 文件。
  • npm publish:将自己的包发布到 npm 仓库,需要先注册一个 npm 账号。
  • npm run scriptName:运行项目中定义的自定义脚本,例如 npm run start、npm run build 等。

4、设置 npm 下载源

  使用 npm 安装依赖时,会从设置好的下载源中下载,但是其默认的下载源有时无法满足我们的需求。

  比如,因为国内外网络环境的限制,所以会导致下载国外npm仓库较慢,给开发者在进行开发项目时造成不便。而国内有很多免费的镜像源,这些镜像源会复制 npm 的官方仓库,并提供给国内用户使用,通过设置镜像源,npm 将会从国内镜像源下载依赖,大大提高了下载速度。

  再比如,现在大部分的公司都会有自己的npm三方包管理仓库,利于三方包版本管理以及项目三方依赖稳定性。并且,如果我们npm配置了公司的源仓库地址,以后所有的三方包来源都将以这个仓库为准,假设现在要下载一个仓库没有的包,很自然的会提示找不到某个包的错误。

  基于此,根据需要切换 npm 下载源就显得格外重要,下面进行举例说明。

  淘宝镜像源相关操作:

  • 设置淘宝镜像源:npm set registry https://registry.npm.taobao.org/
  • 查看下载源地址:npm get registry

      

    由此可见,npm 当前的下载源为淘宝镜像源,当然,如果我们需要将下载源设置为公司仓库地址,只需在npm set registry 命令后加上相应的地址即可。

5、certificate has expired

  在安装依赖时,如果遇到 "certificate has expired" 问题,可能是以下原因导致的:

  • 有时候本地 npm 缓存可能存在过期的证书,可以尝试清理 npm 缓存并重新安装依赖来解决问题:
npm cache clean --force
  • 网络代理或防火墙问题:有时候网络代理或防火墙会干扰 SSL 证书的验证,导致证书过期错误。可以尝试关闭代理或者调整防火墙设置来解决问题。
  • npm 源设置问题:确保 npm 源的 SSL 证书是有效的且未过期。如果确实过期,但又想使用其下载,可以使用以下命令跳过 SSL 验证。
npm config set strict-ssl false

二、nrm(Npm Registry Manager)

通过上述说明,我们知道了可以使用 npm set registry 命令来设置 npm 源,但是当频繁切换下载源时会比较繁琐,因为每次切换都需要手动输入完整的源地址。相比之下,nrm 命令提供了更加便捷的方式来管理和切换 npm 源。接下来就让我们了解一下 nrm 以及其常见用法。

1、什么是 nrm ?

  nrm 是一个用于管理 npm 源的命令行工具,它为开发者提供了一种便捷的方式来管理和快速切换 npm 源,从而加快 npm 包的下载速度,提高开发效率。

2、nrm 的用途:

  • 管理多个源:nrm 允许用户添加多个自定义源,并提供了简单的命令来切换不同的源,方便管理多个 npm 源。
  • 简化切换操作:通过 nrm 的命令,可以使用简单的名称来切换源,而不需要手动输入完整的源地址,减少了繁琐的操作步骤。
  • 测试源速度:nrm 还提供了测试源速度的命令,可以帮助用户选择速度较快的源,提高 npm 包的下载速度。
  • 规范管理:nrm 提供了一个统一的命令行工具,规范了 npm 源的管理方式,使得管理更加方便和一致。

3、常用命令:

  在使用 nrm 命令前,首先要对其进行安装,通过以下命令进行全局安装即可:

npm i nrm -g

  接下来介绍一下 nrm 的常用命令及使用示例:

  • nrm ls:查看已有的 npm 源列表

    

    其中,星号标记的为当前下载源。

  • nrm current:查看当前使用的下载源

     

    不仅可以通过 npm 源列表查看当前下载源,该命令亦可达到同样的效果,只不过未显示具体地址。

  • nrm use <registryName>:切换到指定源

    

    这种方式的切换,远远比 npm set registry 命令使用更加简单,无需记住下载源具体地址即可完成切换。

  • nrm add <registryName> <registryUrl>:添加自定义源
  • nrm del <registryName>:删除已有的源
  • nrm test <registryName>:测试源速度

三、nvm(Node Version Manager)

有这么一个场景,假设我们同时在进行多个项目,而这些项目的要求并不相同,包括需要使用不同的 Node.js 版本。面对这种情况,我们可以利用 nvm 来轻松切换 Node.js 版本,而无需频繁地下载或卸载不同版本的 Node.js,以满足各个项目的特定需求。这样一来,我们能够更加方便地管理项目的开发环境,提高开发效率并避免因版本问题而产生的困扰。

1、nvm 是什么?

  nvm 是 Node.js 的版本管理工具,可以帮助开发者在同一台计算机上管理多个 Node.js 版本,方便地切换不同版本的 Node.js,以此达到在不同的项目中使用不同的 Node.js 版本,而不会相互冲突的目的。

2、nvm 的用途

  • 多版本管理:nvm 允许在同一台计算机上安装和管理多个 Node.js 版本,开发者可以根据需要灵活切换不同的版本。
  • 避免版本冲突:由于不同的项目可能需要不同的 Node.js 版本,使用 nvm 可以避免不同项目之间因为 Node.js 版本冲突而产生问题。
  • 方便升级和回退:nvm 提供了方便的命令来安装、升级和回退 Node.js 版本,开发者可以根据项目需求来管理版本。
  • 测试环境:对于需要测试不同 Node.js 版本的项目或者库,nvm 提供了便捷的方式来切换测试环境,确保项目在不同版本下的兼容性。

3、安装 nvm

  nvm 安装比较简单,这里对其安装就不过多赘述了,如有需要,可以自行搜索进行安装。但要格外注意的是,下载安装 nvm 之前,将本地环境中的 node 版本都卸载干净,否则可能会出现无法管理之前 node 版本的情况。

  安装完成后,查看一下其版本,以验证是否安装成功。

  

4、常用命令

  • nvm list:显示版本列表
nvm list // 显示已安装的版本(同 nvm list installed)

nvm list installed // 显示已安装的版本

nvm list available // 显示所有可以下载的版本
  • nvm install <version>:安装指定版本 Node.js
nvm install latest // 安装最新版本的 Node.js
  • nvm use <version>:切换使用指定版本的 Node.js
  • nvm uninstall <version>:卸载指定版本的 Node.js
  • nvm current:查看当前使用的 Node.js 版本

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11952.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!