npm?包的更新速度很快，為了將項(xiàng)目或者全局依賴更新到最新版本。傳統(tǒng)的做法是一個(gè)一個(gè)更新，比如更新?react?到最新版本，命令如下：

# npm npm i --save react@latest # yarn yarn add react@latest

yarn?是 facebook 發(fā)明的新一代 js 包管理器，支持離線使用。這是 npm 與 yarn 的 命令對(duì)照。

但是，這種做法相當(dāng)耗時(shí)。有沒有更簡(jiǎn)單的方法呢？
答案是使用?npm-check?或者?yarn。兩者都需要全局安裝。

npm i -g yarn npm i -g npm-check

使用 npm-check 更新項(xiàng)目依賴

在項(xiàng)目根目錄運(yùn)行

npm-check -u

輸出如下：

? Choose which packages to update. (Press <space> to select)Update package.json to match version installed. ?? chalk ^1.1.3 ? 2.4.2 https://github.com/chalk/chalk#readme? cheerio ^0.22.0 ? 0.22.0 https://github.com/cheeriojs/cheerio#readme? debug ^2.3.3 ? 4.1.1 https://github.com/visionmedia/debug#readme? log4js ^1.0.1 ? 4.1.0 https://log4js-node.github.io/log4js-node/? mustache ^2.3.0 ? 3.0.1 https://github.com/janl/mustache.js? request 2.79.0 ? 2.88.0 https://github.com/request/request#readme? unescape ^0.2.0 ? 1.0.1 https://github.com/jonschlinkert/unescape? yargs ^6.4.0 ? 13.2.2 https://yargs.js.org/Space to select. Enter to start upgrading. Control-C to cancel.

空格切換包是否更新，Control + C?取消更新，回車就是執(zhí)行更新。

使用 yarn 更新項(xiàng)目依賴

在項(xiàng)目根目錄運(yùn)行

yarn upgrade-interactive --latest

輸出如下：

yarn upgrade-interactive v1.15.2 info Color legend :"<red>" : Major Update backward-incompatible updates"<yellow>" : Minor Update backward-compatible features"<green>" : Patch Update backward-compatible bug fixes ? Choose which packages to update. (Press <space> to select, <a> to toggle all, <i> to invert selection)dependenciesname range from to url ?? chalk latest 1.1.3 ? 2.4.2 https://github.com/chalk/chalk#readm e? cheerio latest 0.22.0 ? 1.0.0-rc.3 https://github.com/cheeriojs/cheerio #readme? debug latest 2.6.9 ? 4.1.1 https://github.com/visionmedia/debug #readme? log4js latest 1.1.1 ? 4.1.0 https://log4js-node.github.io/log4js -node/? mustache latest 2.3.2 ? 3.0.1 https://github.com/janl/mustache.js? request latest 2.79.0 ? 2.88.0 https://github.com/request/request#r eadme? unescape latest 0.2.0 ? 1.0.1 https://github.com/jonschlinkert/une scape? yargs latest 6.6.0 ? 13.2.2 https://yargs.js.org/

yarn?提供了全選切換功能，就是按鍵?A，空格切換包是否更新，Control + C?取消更新，回車就是執(zhí)行更新。

yarn?的更新命令太長(zhǎng)了，誰(shuí)記得住，這種時(shí)候，請(qǐng)合理使用命令行工具的幫助，比如運(yùn)行?yarn help。

更新命令對(duì)照表

更新全局依賴同上

說(shuō)明yarnnpm-check

更新項(xiàng)目依賴，沒有交互	yarn upgrade --latest	npm-check -y
更新項(xiàng)目依賴，有交互	yarn upgrade-interactive --latest	npm-check -u
更新全局依賴，沒有交互	yarn global upgrade --latest	npm-check -g -y
更新全局依賴，有交互	yarn global upgrade-interactive --latest	npm-check -g -u

檢測(cè)原理

yarn?是根據(jù)?yarn.lock?文件來(lái)檢測(cè)版本是否是最新的，所以項(xiàng)目是使用?npm?安裝依賴包，更新前要運(yùn)行?yarn install?一下。

npm-check?是檢測(cè)?package.json?文件，項(xiàng)目存在?node_modules?文件夾即可更新。

更新提醒

沒有交互就是將依賴包直接更新到最新版本，推薦使用交互式更新，會(huì)有更新的警告信息。

最新的依賴包，API 可能發(fā)生重大改變。為了順利更新，更新前請(qǐng)?git commit?一下，更新失敗了也能順利回退。

不推薦使用 cnpm

為了加快安裝依賴的安裝速度，可能被同事安利?cnpm，但是這樣會(huì)導(dǎo)致包的依賴安裝不正常，項(xiàng)目無(wú)法運(yùn)行。

更好的做法是使用?nrm?切換下載源。

平時(shí)使用?yarn?裝包，npm?運(yùn)行腳本。

安裝 nrm

npm i -g nrm

查看下載鏡像源

nrm ls

輸出如下

npm ---- https://registry.npmjs.org/cnpm --- http://r.cnpmjs.org/ * taobao - https://registry.npm.taobao.org/nj ----- https://registry.nodejitsu.com/npmMirror https://skimdb.npmjs.com/registry/edunpm - http://registry.enpmjs.org/

切換鏡像源

nrm use taobao

裝包命令不變，比如安裝?react?。

# npm npm i --save react # yarn yarn add react

體驗(yàn)飛一般的裝包速度，再也不是裝包一小時(shí)，碼代碼五分鐘。

總結(jié)

以上是生活随笔為你收集整理的npm安装项目所有依赖包的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。