升级 package.json 中 npm 包的版本

本文讲解 npm 包的版本检查和升级的方法。因为原生的版本升级方式比较繁琐, 本文讲述主流的更新方法, 即使用 npm-check-updates 进行 package.json 中 npm 包的版本管理(版本检测、版本升级)。

1. 安装 npm-check-updates

npm install -g npm-check-updates

(py3.6) wangshibiao@wangshibiao:/data/workspace/github/javascript/private/vuepress_blog$ npm install -g npm-check-updates
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
/home/wangshibiao/.nvm/versions/node/v13.0.1/bin/npm-check-updates -> /home/wangshibiao/.nvm/versions/node/v13.0.1/lib/node_modules/npm-check-updates/bin/npm-check-updates.js
/home/wangshibiao/.nvm/versions/node/v13.0.1/bin/ncu -> /home/wangshibiao/.nvm/versions/node/v13.0.1/lib/node_modules/npm-check-updates/bin/ncu.js
+ npm-check-updates@7.0.2
added 303 packages from 140 contributors in 34.054s
(py3.6) wangshibiao@wangshibiao:/data/workspace/github/javascript/private/vuepress_blog$

2. 查询需要更新的包

执行命令: npm-check-updates
简写: ncu

(py3.6) wangshibiao@wangshibiao:/data/workspace/github/javascript/private/vuepress_blog$ npm-check-updates
Checking /data/workspace/github/javascript/private/vuepress_blog/package.json
[====================] 11/11 100%

 @vuepress/plugin-google-analytics   ^1.5.2  →   ^1.5.3
 @vuepress/plugin-pwa                ^1.5.1  →   ^1.5.3
 moment                             ^2.26.0  →  ^2.27.0
 vuepress                            ^1.5.0  →   ^1.5.3
 vuepress-theme-vdoing               ^1.2.3  →   ^1.4.0

Run ncu -u to upgrade package.json
(py3.6) wangshibiao@wangshibiao:/data/workspace/github/javascript/private/vuepress_blog$

3. 更新 package.json 文件

执行如下命令，更新 package.json 文件。
ncu -u

(py3.6) wangshibiao@wangshibiao:/data/workspace/github/javascript/private/vuepress_blog$ ncu -u
Upgrading /data/workspace/github/javascript/private/vuepress_blog/package.json
[====================] 11/11 100%

 @vuepress/plugin-google-analytics   ^1.5.2  →   ^1.5.3
 @vuepress/plugin-pwa                ^1.5.1  →   ^1.5.3
 moment                             ^2.26.0  →  ^2.27.0
 vuepress                            ^1.5.0  →   ^1.5.3
 vuepress-theme-vdoing               ^1.2.3  →   ^1.4.0

Run npm install to install new versions.

(py3.6) wangshibiao@wangshibiao:/data/workspace/github/javascript/private/vuepress_blog$

4. 升级 npm 包版本

执行如下命令，升级 node_modules 目录下的依赖包版本。
npm install

提示

若升级报错, 可以尝试删除 node_modules 目录后, 改用 yarn add 试下, 某些时候有效，原因未知。