npm-check-updates一键升级package.json到最近版本

分类:技术最近更新:2026-04-15浏览:1572

有代码洁癖的小伙伴经常想更新 package.json 的插件到最新稳定版本,但是一个个的去 npm 官网对照特别麻烦,所以推荐 npm-check-updates 全部一键升级到最新版。

blogfile/editor/202208/1659517109251679549.png

查看图片可以看到用 npm-check-updates 命令直接检查出最新版本,不同的颜色代表不同的升级程度:

  • 红色 = 主要升级(和所有主要版本为零)
  • 青色 = 小升级
  • 绿色 = 补丁升级

安装

全局安装:

bash
npm install -g npm-check-updates

或使用 npx 运行:

bash
npx npm-check-updates

用法

显示当前目录中项目的所有新依赖项(不包括 peerDependencies):

直接运行 npm-check-updates 或者简写 ncu

bash
bobo@bodeMacBook-Pro cl253-cli-spa-ts % ncu Checking /Users/bobo/work/cl253/cl253-cli/cl253-cli-spa-ts/package.json [====================] 49/49 100% @reduxjs/toolkit ^1.8.2 → ^1.8.3 antd ^4.21.2 → ^4.22.3 moment ^2.29.3 → ^2.29.4 ………… Run ncu -u to upgrade package.json

检查过程只是让你更了解升级后版本对照,防止大版本升级后,系统出现故障,可以查找对应问题。

ncu -u 全部升级

bash
bobo@bodeMacBook-Pro cl253-cli-spa-ts % ncu -u Upgrading /Users/bobo/work/cl253/cl253-cli/cl253-cli-spa-ts/package.json [====================] 49/49 100% @reduxjs/toolkit ^1.8.2 → ^1.8.3 antd ^4.21.2 → ^4.22.3 moment ^2.29.3 → ^2.29.4 react-transition-group ^4.4.2 → ^4.4.5 ………… Run npm install to install new versions.

ncu --interactive 或简写 ncu -i 直接选择性升级

blogfile/editor/202208/1659517932540888155.png

ncu -i --format group 可以根据版本浮动变动更好的体验

WX20220803-171505@2x.png