npm 如何更新项目最新依赖包

news2024/11/16 21:40:22

NPM 是什么?

Node 软件包管理器(NPM)提供了各种功能来帮助你安装和维护项目的依赖关系。

由于错误修复、新功能和其他更新,依赖关系可能会随着时间的推移而变得过时。你的项目依赖越多,就越难跟上这些更新。

老旧的软件包会对安全构成威胁,并会对性能产生负面影响。最新的软件包可以防止出现漏洞。这意味着定期检查和更新依赖是很重要的。

如何保持依赖是最新的

现在,你可以逐一查看 package.json 中的每一个单独的包,改变版本,然后运行 npm install <package>@latest 来获得最新版本。但这并不是最有效的方法。

想象一下,如果你有 20 个或更多的包,可以使用版本升级。相反,你应该制定一个工作流程,在过期的依赖关系数量增加和升级变得越来越难之前,定期检查新版本。

下面是一个我保持更新的工作流程:首先,发现哪些软件包需要更新,以及版本落后的程度。接下来,选择单独或一起批量更新软件包。始终对更新进行测试,以确保没有发生破坏性变化。

我更喜欢单独执行主要版本的更新。对于主要的更新,你很可能会遇到破坏性的变化。与许多包相比,撤销或处理与一个包有关的代码变化要容易得多。

在这篇文章中,我将详细介绍检查和升级依赖关系的方法。

怎样使用 npm outdated 命令

npm outdated

该命令将检查每个已安装的依赖关系,并将当前版本与 npm registry 中的最新版本进行比较。它在终端打印出一个表格,概述了可用的版本。

它是内置在 NPM 中的,所以不需要下载额外的软件包。npm outdated 是一个很好的开始,可以了解所需的依赖性更新的数量。

  • Current 是当前安装的版本。
  • Wanted 是根据semver 范围内的软件包的最大版本。
  • Latest 是在 npm registry 中被标记为最新的软件包版本。

使用这种方法,要安装每个软件包的更新,你只需要运行:

npm update

请记住,使用 npm update 它永远不会更新到一个主要的(major),具有破坏性变化的版本。它更新 package.jsonpackage-lock.json 中的依赖关系。它将使用想要的版本。

为了获得 "最新 "的版本,在单个安装中附加 @latest,例如 npm install react@latest

怎样使用 npm-check-updates

对于高级和可定制的升级体验,我推荐 npm-check-updates。这个包可以做所有 npm oudatednpm upgrade 能做的事情,并增加了一些自定义选项。不过,它确实需要安装一个包。

点击打开文档

要开始使用,请在全局安装 npm-check-updates 软件包:

npm install -g npm-check-updates

然后,运行 ncu 来显示要升级的软件包。与 npm outdated 类似,它不会产生任何变化。

ncu
Checking package.json
[====================] 12/12 100%

 @testing-library/user-event    ^13.5.0  →  ^14.2.1
 @types/jest                    ^27.5.2  →  ^28.1.4
 @types/node                  ^16.11.42  →  ^18.0.1

Run ncu -u to upgrade package.json

要升级依赖性,你只需要运行:

ncu --upgrade

// or 
ncu -u

资料:npm-check-updates

  • Red (显示红色) = major (主版本,或者说是大版本)
  • Cyan (显示青色) = minor(次要版本)
  • Green(显示绿色) = patch (补丁版本)

这个方法只更新 package.json 文件中的依赖关系,并且会选择最新的版本,即使它包括一个破坏性的变化。使用这种方法,npm install 不会自动运行,所以一定要在之后运行它来更新 package-lock.json

要选择你喜欢的版本类型,运行 ncu --target [patch, minor, latest, newest, greatest]

如何使用 npm-check-updates 互动模式

ncu --interactive

// or 
ncu -i

互动模式允许你选择特定的软件包进行更新。默认情况下,所有软件包都被选中。

向下浏览每一个软件包,用空格来取消选择,当你准备好升级所有选择的软件包时,回车键(enter)确定。

资料: npm-check-updates

有几种方法可以提升交互式 npm-check-updates 的体验。

ncu --interactive --format group

这个命令将软件包分组并组织成 主版本(major)、次要(minor)和补丁(patch)版本。

资料: npm-check-updates

npm-check-updates 提供了其他有用的工具,如 doctor mode,它可以安装升级并运行测试以检查破坏性变化。

总结

养成定期更新你的依赖关系的习惯,将有助于你的应用程序的安全性和性能。

npm oudatednpm-check-updates 都是有用的工具,可以检查那些可以使用版本升级的软件包。

https://www.freecodecamp.org/chinese/news/how-to-update-npm-dependencies/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/30385.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

USB-数据传输

一、USB编码-反向不归零编码(NRZI)位填充 规则&#xff1a;数据为0&#xff0c;电平反转&#xff0c;数据为1&#xff0c;电平不翻转;当连续出现6个相同的1穿插一个0&#xff0c;目的是为了防止连续出现多个1导致的同步漂移。 二、USB传输帧 帧是USB传输的时间单位&#xff0…

深入浅出PyTorc——进阶训练技巧

1. 自定义损失函数 1.1 以函数方式定义 手动写出损失的公式并用函数进行存储&#xff0c;方便调用。 def my_loss(output, target):loss torch.mean((output - target)**2)return loss 1.2 以类方式定义 1.2.1 损失函数的继承关系 &#xff08;1&#xff09;Loss函数部分继…

POI及EasyExcel

1.谈谈 POI 和 easyExcel 应用场景 1.将用户信息导出为excel表格&#xff08;导出数据....&#xff09;2.将Excel表中的信息录入到网站数据库&#xff08;习题上传....&#xff09; 开发中经常会设计到excel的处理&#xff0c;如导出Excel&#xff0c;导入Excel到数据库中&…

详解Spring面试IoC和AOP

Spring IOC 和 AOP 文章目录Spring IOC 和 AOP前言什么是 IoC&#xff1f;**为什么叫控制反转**不用IoC&#xff1a;所有对象开发者自己创建使用IoC&#xff1a;对象不用卡法这创建&#xff0c;而是交给Spring框架完成基于XML和基于注解基于XML&#xff1a;基于注解&#xff1a…

TeeChart Pro for .NET 2022.10.24 Crack

.NNET 的 TeeChart 图表控件提供了一个很好的通用组件套件&#xff0c;可以满足无数的图表需求&#xff0c;也针对重要的垂直领域&#xff0c;例如金融、科学和统计领域。 数据可视化 数十种完全可定制和交互式的图表类型、地图和仪表指示器&#xff0c;以及完整的功能集&#…

大一html5期末大作业 :基于html实现传统文化网页设计题材

Web前端开发技术 描述 网页设计题材&#xff0c;DIVCSS 布局制作,HTMLCSS网页设计期末课程大作业 | 国家级非遗 | 非遗文化 | 非遗网页设计 | 非遗保护 | 非遗之旅 | 非遗传承HTML期末大学生网页设计作业 HTML&#xff1a;结构 CSS&#xff1a;样式 在操作方面上运用了html5和…

第八章:堆的讲解与实现

第八章&#xff1a;堆的实现与堆相关的算法一、堆1、什么是堆&#xff1f;2、堆的实现&#xff08;1&#xff09;堆的定义&#xff08;2&#xff09;接口函数初始化销毁插入删除判断是否为空返回堆顶返回堆中的元素个数打印一、堆 1、什么是堆&#xff1f; 在前面的章节中&am…

机器学习算法交叉验证最频繁犯的6个错误

交叉验证是保证模型有效的方法&#xff0c;同时也是防止模型过拟合的方法。但在有限的数据集中&#xff0c;交叉验证容易出现一些错误使用。 本文将介绍在使用交叉验证中&#xff0c;常见的一些错误情况&#xff0c;希望读者在阅读后可以避免再次犯错。 文章目录技术提升什么是…

轻松玩转树莓派Pico之四、Ubuntu下在线debug环境搭建

目录 1、openocd编译安装 1&#xff09;安装依赖 2&#xff09;下载 3&#xff09;编译 4&#xff09;安装GDB 2、Picoprobe编译与连接 1&#xff09;下载、编译 2&#xff09;开发板连接 3&#xff09;Picoprobe连接至Linux 3、手工运行openocd和gdb 4、VSCode在线调…

Niantic CEO:AR有望取代二维码,理想的AR眼镜还需3-5年

早前&#xff0c;Niantic CEO John Hanke就曾谈到过对于元宇宙的愿景&#xff0c;相比于VR的沉浸式体验&#xff0c;他认为未来元宇宙应该是将虚拟和现实融合的AR体验。尽管如此&#xff0c;现在还没有一款足够普及的AR眼镜产品&#xff0c;仅依赖手机、平板电脑并不能展现沉浸…

《Linux-常见指令详解》

目录 Linux背景 开源 操作系统的理解 问题 1.空文件占磁盘空间吗&#xff1f; 2.创建的文件是在内存中还是磁盘中&#xff1f; 3.绝对路径和相对路径的区别 4.Linux下的文件后缀可以随便写&#xff0c;不同于Windows 常见指令和权限 查看 Linux 主机 ip 使用 XSh…

Alibaba 官方上线,SpringBoot+SpringCloud 全彩指南(第五版)

Alibaba 作为国内一线互联网大厂&#xff0c;其中 springcloudAlibaba 更是阿里微服务最具代表性的技术之一&#xff0c;很多人只知道 springcloudAlibaba 其实面向微服务技术基本上都有的下面就给大家推荐一份 Alibaba 官网最新版&#xff1a;SpringBootSpringCloud 微服务全栈…

面试系列分布式事务:谈谈2PC的理解

2PC其实就是两阶段提交的分布式事务中事务类型&#xff0c;两阶段提交就是分两个阶段提交&#xff1a; 第一阶段询问各个事务数据源是否准备好。 第二阶段才真正将数据提交给事务数据源。 为了保证该事务可以满足ACID&#xff0c;就引入一个协调者&#xff08;Cooradinator&…

【OpenCV-Python】教程:3-9 轮廓(2)轮廓特征

OpenCV Python 轮廓特征 【目标】 轮廓矩轮廓周长、轮廓面积轮廓拟合、轮廓凸包、轮廓凹凸性检查外接矩形、最小包围圈椭圆拟合、直线拟合 【代码】 周长、面积、矩 第一幅图像为原始轮廓图像&#xff0c;第二幅图像为轮廓点拟合图像&#xff08;精度为周长的1/10&#xff…

Docker——Windows版本Docker安装

目录 一、简介 1.1 Docker如何解决大型项目依赖关系复杂&#xff0c;不同组件依赖的兼容性问题&#xff1f; 1.2 Docker如何解决开发、测试、生产环境有差异的问题 1.3 Docker 和 虚拟机的区别 1.4 Docker架构 1.5 总结 二、Docker安装&#xff08;Windows版&#xff09; 2.1…

电容笔可以用什么代替?好用电容笔品牌推荐

在互联网办公、互联网教学等领域&#xff0c;电容笔再次成为全球流行的电子产品。用平替电容笔来代替苹果的电容笔吗&#xff1f;实际上&#xff0c;我们可以考虑买一支平替电容笔&#xff0c;而不用再买昂贵的苹果 Pencil。一支平替电容笔&#xff0c;一两百块钱&#xff0c;比…

spring web 简单项目数据库查询 纯注解版替代web.xml

关键词句&#xff1a;第一个spring 简单项目 纯注解 包括替代web.xml 文件 第一个spring mvc web 简单项目 纯注解 用纯注解写spring web 简单项目 纯注解写web 项目 spring 写数据库 查询 注解方式 spring 数据接链接池 用的阿里的 spring jdbc jdbcTemplate类使用…

python--星际大战(基础版)

实现功能&#xff1a; 运用python的pygame模块实现上方出现一群体的敌机&#xff0c;每个敌机会随机不定时发射子弹&#xff0c;下方是玩家飞机&#xff0c;通过控制方向和发射子弹来摧毁所以敌机&#xff0c;在游戏开始前会有一个计时器&#xff08;3秒&#xff09;计时结束&…

3、Pinpoint-Agent端注册服务到Server端

0、此节简介 此章节大部分操作是在另一台服务器上&#xff0c;vm7。 Agent端配置 项目发布 注册到Pinpoint服务端 接口调用&#xff0c;服务端查看详情 1、Agent端配置 Agent推荐使用和Pinpoint服务端同样的版本。 1.1、下载Pinpoint-Java-Agent包 Github下载链接&#xff1a;h…