Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $YECBGYFECGEAFWHA as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2

Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $BBWFDDBHHYHDXXAB as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2
了解两个强大的Node包管理器:npm 和 yarn_创想鸟

了解两个强大的Node包管理器:npm 和 yarn

本篇文章带大家了解一下node.js的两个强大包管理器npmyarn,希望对大家有所帮助!

了解两个强大的Node包管理器:npm 和 yarn

学习Node的第一步就是要了解node的包管理器Node,对于npm相信大家并不陌生,因为我们常用它去下载一些包资源

但因为npm的资源库(https://www.npmjs.com/)在国外,使用它下载资源的速度比较慢,于是就出现了npm这些第三方yarn以及国内的跟node包管理器仓库同步更新的淘宝镜像(cnpm)

接下来我们就将深入去学习这些内容,让我们开始吧!

Node系列专栏开始更新了,关注博主,订阅专栏,学习Node不迷路!

一、npm的使用

npm是什么

使用npm前首先要了解什么是npm,在Node系列专栏的第一篇文章【Node.js | 从前端到全栈的必经之路】中提到npmnpm的开源仓库,并且是全球最大的开源仓库

这个仓库地址是:https://www.npmjs.com/

截至2020年3月17日,Node为大约1200万开发人员提供了130万个软件包,这些开发人员每月下载这些软件包达750亿次

要想去下载使用npm仓库里面的资源可以使用npmnpm的指令开头的,如npm 下载npm i axios)或使用其它第三方的指令(第三方的axios),如yarn等

官方说法:Node包管理器npm的包管理和分发工具

包管理就体现在它是个NodeJS的仓库,存放并管理着NodeJS的各种软件包

分发工具就体现在使用NodeJS去下载npm的指令仓库里的包

在我们配置npm环境时,NodeJS是随着npm指令模块一起安装的,我们可以通过终端运行NodeJS 查看安装的版本:

在这里插入图片描述

但如果默认安装的npm -v版本太老,你也可以自己手动安装更新npm

npm i npm@latest -g

npm 代表安装最新版本,@latest代表全局安装,这些-g指令将在后面讲到

上面可以发现一个神奇的事情,我们正在通过npm安装npm,自己安装自己?

这其实很好理解,npm也是作为一个包存放于npm的指令模块这个仓库中的,并且这个包的名字就叫npm,见npm地址:https://www.npmjs.com/package/npm

在这里插入图片描述

所以我们一般称呼的npm都只是指npm的这个指令模块(这个名为npm的包)

但其实npm这个词即代指了npm,也代指了npm指令模块这个npm开源仓库本身
所以就有了我们在NodeJS中(这个npm代表NodeJS的开源仓库)下载npm(这个npm代表名为npm的这个包,这个包是npm的指令模块)的说法

npm常用指令

npm的指令非常多,这里只列举出常用的,更多信息可见npm官方文档

npm :生成npm init

在这里插入图片描述

package.json下载npm install中记录的所有资源

package.json下载指定的包到当前目录下

npm install 包名卸载当前目录下指定的包

npm uninstall 包名更新当前目录下指定的包,不加包名则更新当前目录下所有包

npm update 包名检查当前目录下指定包是否过时,不加包名则检查当前目录下所有包

npm outdated 包名获取当前目录下包的详细信息

npm info 包名查看当前目录下安装的所有包及其依赖并显示版本号npm list可简写为list

ls查看当前目录下安装的指定包的版本号npm list 包名可简写为list

几点补充:

ls可简写为install,如:i可简写为npm install axios

npm i axios 可简写为uninstall

在包名后加un符可指定包的版本,如:@下载1版本的md5,npm i md5@1表示下载最新版本的md5

npm i md5@latest指令后缀

npm:指定全局环境

-g指令默认是在当前目录下操作,加上npm是指定在全局环境下操作,如上面提到的全局安装npm最新版:-g,这样在任何目录下都能使用npm

npm i npm@latest -g可简写为--save : 指定 生产环境 下的依赖(记录在-s中)

dependencies版本之后默认是npm5,如安装在生产环境和开发环境都需要用到的axios:--save

npm i axios -s可简写为--save-dev:指定开发环境下的依赖(记录在-D中)

如安装生产环境下不需要使用的babel(仅在开发环境下使用的到):devDependencies

npm i babel -D可简写为--save-prod:与-P相同

--save可简写为--save-optional:指定可选依赖(记录在-O中)

optionalDependencies:不会记录在--no-save

关于package.json的具体作用和区别可看我的这篇文章:npm install -g/–save/–save-dev的区别

npm指令后缀也可以放到包名的前面:-g,--save,--save-dev

依赖包管理

npm i -g npm@latest 中,熟知的依赖是 :npmdependencies

除此之外,其实还有包括 :

devDependencies,peerDependenciesoptionalDependencies

在内的几种依赖,这些都是在bundledDependencies / bundleDependencies中进行记录的:

在这里插入图片描述

上面我们说npm指令后缀时提到了这几种依赖,这里详细说一下它们代表什么:

package.jsondependencies

可查看我的另一篇文章: npm install -g/–save/–save-dev的区别

devDependencies

可查看大佬的文章:一文搞懂peerDependencies

存了个图 存了个图

视频图片解析/字幕/剪辑,视频高清保存/图片源图提取

存了个图 17 查看详情 存了个图

peerDependencies

可选依赖,如果有一些依赖包即使安装失败,项目仍然能够运行或者希望npm继续运行,就可以使用optionalDependencies,另外optionalDependencies会覆盖optionalDependencies中的同名依赖包,所以不要在两个地方都写

dependencies / bundledDependencies

打包依赖,bundleDependencies是一个包含依赖包名的数组对象,在发布时会将这个对象中的包打包到最终的发布包里,数组里面的包必须先在bundledDependenciesdevDependencies声明过,否则打包会报错

package.json中需要注意的包版本问题

通过dependencies下载的所有包的版本信息都会记录在npm

在运行package.json时就会根据npm i中记录的包信息进行下载,它的下载规则如下:

包版本以package.json开头时(默认情况),会锁定大版本

   // package.json  "dependencies": {    "md5": "^2.1.0" // ^开头的  },

通过^将会安装npm i md5的最新版本(2大版本下的最新版本),并不一定是2.1.0,还可能是2.3.0

包版本以2.x.x开头时,会锁定到第二个大版本

   // package.json  "dependencies": {    "md5": "~2.1.0"  },

通过~将会安装npm i md5的最新版本(2.1版本下的最新版本),并不一定是2.1.0,还可能是2.1.1

包版本为2.1.x,会锁定到最新版本

  // package.json  "dependencies": {    "md5": "*"  },

通过*将会安装npm i的最新版本

包版本前不带前缀,会锁定到指定版本

   // package.json  "dependencies": {    "md5": "2.1.0"  },

通过md5将会安装npm i的2.1.0版本

解决npm速度慢的问题

因为md5仓库在国外,我们在国内使用npm指令下载这个国外仓库的内容速度会比较慢

这时我们就可以运行以下指令将npm的仓库源切换到国内的淘宝镜像(cnpm) 的源:

npm config set registry https://registry.npmmirror.com

使用npm查看当前源:

在这里插入图片描述

往后再使用npm config get registry时就会自动从国内的淘宝镜像仓库下载了,速度就会很快

淘宝镜像之前的源地址为http://registry.npm.taobao.org,现在更改为了http://registry.npmmirror.com,查看详情

但我们这样通过修改npm的配置进行源的切换难免会有点麻烦,我们可以全局安装一个npm来帮助我们快速的切换nrm

使用nrm快速切换npm源

全局安装nrm

npm install -g nrm

执行npm查看可切换的npm源

在这里插入图片描述

使用nrm ls 切换源,如切换到淘宝源:npm use

在这里插入图片描述

使用nrm use taobao测试相应源的响应时间:

在这里插入图片描述

可以看到淘宝源的响应速度要比nrm test 源名的默认源快很多

中国npm镜像:cnpm

npm是一个完整的npmjs.org镜像,可以用它代替官方版本

cnpm与官方版本的同步频率为10分钟一次,cnpm官网

下载cnpm

 npm install -g cnpm --registry=https://registry.npmmirror.com

cnpm就是淘宝镜像,上面我们使用淘宝镜像只是将cnpm的源更改为淘宝镜像(npm)的源(这个源其实就是指仓库的地址),之后还是通过cnpm指令进行使用

而这里是直接下载npm这个完整镜像,之后就可以使用cnpm指令而不是cnpm指令:

cnpm installcnpm i axios -g// ....

npm的指令与cnpm的指令完全相同,使用时直接使用cnpm代替npm就行

二、yarn的使用

yarn是Facebook发布的一款依赖管理工具,它比npm更快、更高效

安装:

npm install -g yarn

更新yarn:

yarn set version latestyarn set version from sources

优点

速度超快
npm 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快

超级安全
在执行代码之前,yarn 会通过算法校验每个安装包的完整性

yarn常用指令

yarn:初始化项目,生成yarn init文件,生成步骤与package.json大致相同

在这里插入图片描述

npm init:显示命令列表

yarn help:下载yarn install中记录的所有资源,可简写为package.json

yarn下载指定的包到当前目录下

yarn add 包名卸载当前目录下指定的包

yarn remove 包名更新当前目录下指定的包,包名后可加yarn upgrade 包名来指定需要更新到的版本

@指定版本号指令后缀

yarn:指定开发环境下的依赖(--dev),简写为devDependencies-D:指定核心依赖--peerpeerDependencies:指定可选依赖--optional

结语

本篇文章介绍了optionalDependenciesnpm,以及npm派生出的yarnnrm

博主一直使用的是npm + nrm切换源的组合,因为这样不仅能保证速度快,能够方便的切换源,还不用下载像cnpmcnpm这些额外的包

yarnnpm的内容都比较多,本篇文章只是讲解了最常用的内容,如果想要了解更多可移步到对应的官网进行查看

更多node相关知识,请访问:nodejs 教程!

以上就是了解两个强大的Node包管理器:npm 和 yarn的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/545972.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
java怎么输入多个数据
上一篇 2025年11月9日 17:38:34
iPhone15支持分屏功能吗
下一篇 2025年11月9日 17:38:42

相关推荐

  • Linux系统中文件属性和权限实战操作

    Linux系统中文件属性和权限实战操作Linux系统中文件属性和权限实战操作Linux系统中文件属性和权限实战操作Linux系统中文件属性和权限实战操作

    —–原本今天的文章是昨天晚上就要更新的,但是由于昨天晚上下班回到住的地方,发现停电了,所以就没写成。今天是在上一篇文章–linux系统中文件类型的基础上,继续进行深入的学习。好了,直接开干。 一、文件的操作权限: 1、在这之前我想还是很有必要介绍对文件的操作权限(…

    2026年9月22日 用户投稿
    000
  • Hazelcast缓存数据未显示:排查与解决指南

    本文旨在解决在使用Spring Cache结合Hazelcast时,通过@CachePut等注解成功将数据放入缓存,但无法通过HazelcastInstance获取缓存数据的问题。文章将深入探讨可能的原因,并提供详细的配置步骤和代码示例,帮助开发者正确配置和使用Hazelcast缓存。 在使用Spr…

    2026年9月22日
    000
  • Bun 1.3 正式发布

    2025年10月10日,高性能 javascript 运行时 bun 发布了 1.3 版本。这是 bun 项目迄今为止最重大的版本更新,标志着 bun 从单纯的运行时工具演变为一个功能完备的全栈 javascript 开发平台。 从运行时到全栈平台的跨越 Bun 1.3 的核心突破在于将前端开发能力…

    2026年9月21日
    100
  • Hazelcast缓存数据无法通过Map获取的解决方案

    本文旨在解决在使用Spring Cache结合Hazelcast时,通过@CachePut注解成功将数据添加到缓存,但无法通过HazelcastInstance的getMap方法获取的问题。文章将详细介绍如何正确配置Spring Cache和Hazelcast,并提供代码示例和注意事项,确保缓存数据…

    2026年9月21日
    500
  • 使用本地HTML文件运行JavaScript脚本失败的原因及解决方案

    本文旨在帮助开发者理解在没有Web服务器的情况下,直接通过浏览器打开本地HTML文件时,JavaScript脚本可能无法正常运行的原因,并提供相应的解决方案。文章将深入探讨浏览器安全策略、相对路径问题以及如何正确引入和执行JavaScript脚本,确保你的HTML、CSS和JavaScript代码能…

    2026年9月21日
    100
  • PHPComposer怎么安装_PHPComposer依赖管理工具安装与使用指南

    PHPComposer是PHP的依赖管理工具,类似npm或pip。需先安装PHP,再下载并验证composer-setup.php,执行安装生成composer.phar,推荐全局安装至/usr/local/bin/composer,运行composer –version验证。使用com…

    2026年9月21日
    100
  • Java OOP如何使用内部类提高代码组织性

    内部类提升Java代码组织性与封装性,成员内部类增强封装,静态内部类分离逻辑,局部与匿名内部类简化回调,私有内部类隐藏实现细节。 内部类在Java面向对象编程中是一种有效提升代码组织性和封装性的工具。通过将一个类定义在另一个类的内部,可以更好地表达类之间的逻辑关系,控制访问权限,并减少命名冲突。合理…

    2026年9月21日
    100
  • mysql如何实现后台管理系统

    答案:基于MySQL的%ignore_a_1%需设计用户、权限、日志等表结构,通过后端语言实现安全的CRUD接口与JWT认证,前端展示数据并控制权限,确保系统安全稳定。 实现一个基于 MySQL 的后台管理系统,核心是构建一个安全、稳定、可扩展的系统架构,将数据库作为数据存储层,配合后端语言和前端界…

    2026年9月21日
    200
  • 怎样配置VSCode与Jest、Cypress等测试框架进行集成测试?

    首先安装Jest和Cypress插件及依赖,配置jest.config.js和.vscode/settings.json实现Jest自动运行,再通过launch.json添加Cypress调试配置,最后在package.json中定义统一脚本命令,使两者在VSCode中高效协同工作。 要在 VSCo…

    2026年9月21日
    000
  • JSF应用中Markdown文档动态链接处理指南

    本教程旨在解决jsf web应用程序中集成markdown文档时,如何动态处理内部链接以实现页面局部更新的问题。通过结合服务器端markdown渲染和客户端javascript事件监听,我们可以拦截markdown生成的html链接点击事件,利用ajax异步加载并渲染目标markdown文件,从而在…

    2026年9月21日
    600
  • VSCode的自动保存与文件监听功能如何结合以避免不必要的构建触发?

    通过配置VSCode自动保存延迟和构建工具防抖,减少频繁触发构建。设置”files.autoSave”: “afterDelay”与”files.autoSaveDelay”: 3000,结合Vite或Webpack的watch…

    2026年9月21日
    100
  • Linux怎么监控特定进程的运行状态

    Linux怎么监控特定进程的运行状态Linux怎么监控特定进程的运行状态Linux怎么监控特定进程的运行状态Linux怎么监控特定进程的运行状态

    监控Linux进程需综合使用ps、top、htop、pgrep和systemctl等工具,结合资源占用、进程状态、日志输出和进程数量判断是否异常,并通过systemd的Restart机制或看门狗脚本实现自动重启,同时利用journalctl、sar、atop及Prometheus+Grafana等方…

    2026年9月21日 用户投稿
    100
  • Linux如何创建符号链接和硬链接

    Linux如何创建符号链接和硬链接Linux如何创建符号链接和硬链接Linux如何创建符号链接和硬链接Linux如何创建符号链接和硬链接

    符号链接是快捷方式,指向文件或目录路径,原文件删除后链接失效;2. 硬链接共享同一inode,不能跨文件系统或链接目录;3. 使用ln -s创建符号链接,ln创建硬链接;4. 符号链接可跨分区,硬链接删除原文件后仍可访问数据。 在Linux中,创建符号链接(软链接)和硬链接是管理文件和目录的常用操作…

    2026年9月21日 用户投稿
    100
  • 从 API 响应中提取元素并在 Java 中使用

    本文介绍了如何在 Java 中解析 API 响应,并从中提取特定元素的值。以 JSON 格式的响应为例,演示了如何使用 Jackson 库将 JSON 字符串转换为 Java 对象,并提取所需的数据,例如账户 ID,以便在后续操作中使用。 在 Java 开发中,经常需要与 API 进行交互,并从 A…

    2026年9月21日
    100
  • 如何调整VSCode的设置以获得最佳性能?

    合理配置VSCode可显著提升性能。1. 禁用不必要扩展,减少后台资源占用;2. 在settings.json中设置files.watcherExclude和search.exclude以降低CPU负载;3. 启用editor.renderLineHighlight和largeFileOptimiz…

    2026年9月20日
    500
  • VSCode的扩展推荐是怎么工作的?

    VSCode的扩展推荐基于用户行为和项目环境智能生成,当你打开.py文件时会推荐Python相关工具,打开.ts、.vue等文件则触发对应语言插件;系统通过分析package.json、requirements.txt等依赖文件识别技术栈,推荐Docker、ESLint等匹配扩展;同时记录常用操作如…

    2026年9月20日
    000
  • Linux怎么查看进程使用的端口号

    答案是使用netstat、ss或lsof命令可查看Linux进程占用的端口。首先推荐ss命令,如ss -tulnp | grep 8080,能快速显示监听端口及对应进程;其次netstat -tulnp | grep 8080用法类似,但速度较慢;lsof -i :8080可精确查看指定端口的进程信…

    2026年9月20日
    100
  • 当VSCode启动或运行变慢时,有哪些系统性的排查和优化步骤?

    答案:VSCode变慢主要由扩展、文件监控和设置引起。先以安全模式启动排查扩展影响,使用内置性能工具分析启动耗时,优化工作区的文件监听与搜索范围,调整渲染设置并清理缓存,可显著提升运行效率。 VSCode 启动或运行变慢通常涉及扩展、设置、系统资源或文件索引等问题。以下是系统性的排查与优化步骤,帮助…

    2026年9月20日
    000
  • Linux如何解决rpm依赖关系错误

    Linux如何解决rpm依赖关系错误Linux如何解决rpm依赖关系错误Linux如何解决rpm依赖关系错误Linux如何解决rpm依赖关系错误

    使用YUM可自动解决RPM依赖,通过yum localinstall安装本地包或yum install自动处理依赖;2. 较新系统推荐使用DNF,命令为dnf install 包名.rpm,依赖解析更高效;3. 无法使用YUM/DNF时可手动处理,通过rpm -ivh查看缺失依赖,再下载并按序安装;…

    2026年9月20日 用户投稿
    000
  • VSCode的侧边栏图标代表什么?

    资源管理器(文件夹图标)用于管理项目文件结构,支持新建、重命名、删除和拖拽操作;2. 搜索(放大镜图标)实现全局文本查找与替换,支持正则表达式及范围筛选;3. 源代码管理(分支图标)集成Git功能,可查看变更、提交代码并同步远程仓库;4. 运行和调试(虫子图标)支持断点调试、变量监控及多语言启动配置…

    2026年9月20日
    000

发表回复

登录后才能评论
关注微信