1，需求來源
最近在研究 vue3 + element plus 模版架構的時候，開源項目中的 vue 和 element plus 的版本比較老，然後就想着怎麼給他更新，之前的老方法就是一個一個更新，不但費時而且麻煩，就想着有沒有辦法一鍵更新。網上搜了一圈，終于發現了npm-check-updates這個插件，順便記錄一下使用過程。
2，老的更新方式
使用 npm info xx 檢視某個子產品的版本
使用 npm/cnpm/pnpm/yarn 等安裝你需要的版本，需要執行相應的指令，這裡我用的是 pnpm
3, 安裝 npm-check-updates
cnpm install -g npm-check-updates
npm install -g npm-check-updates 4，檢查 package.json 中的子產品
進入對應的項目中，執行 npm-check-updates或者 ncu 簡寫指令檢查是否有更新. 執行成功後，就會出現下圖中的内容。但是這個時候隻是檢測了，并沒有更新package.json 檔案，需要執行下圖中的指令來盡心更新。
5，更新 package.json 中的子產品
執行指令 ncu -u 來更新子產品的版本到 package.json 檔案中，可以看到下圖2中的版本已經是最新的了，然後根據實際情況調整内容就可以。
6，更新所有子產品
我這裡用的是 pnpm install 指令來更新， npm/cnpm/yarn 需要執行自己對應的指令。這樣一鍵更新所有子產品就算完成了，啟動後，如果有報錯提示，隻需要進行相依調整即可。