查看图片可以看到用 npm-check-updates 命令直接检查出最新版本,不同的颜色代表不同的升级程度
红色 = 主要升级(和所有主要版本为零)
青色 = 小升级
绿色 = 补丁升级
全局安装:
npm install -g npm-check-updates
或使用npx运行:
npx npm-check-updates
显示当前目录中项目的所有新依赖项(不包括 peerDependencies ):
直接运行 npm-check-updates 或者简写"ncu"
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 全部升级
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 直接选择性升级
ncu -i --format group可以根据版本浮动变动更好的体验