npm更新模塊同步到package.js中

模塊檢查更新

在用vue-cli生成工程後，一段時間很多模塊都有更新，如何把工程中的模塊都更新到最新的呢。
首先我們先通過命令查看下需要更新的版本：

npm outdated

npm outdated 會列出所有可更新的 node_modules，如下：

Package                             Current  Wanted  Latest  Location
autoprefixer                          6.7.2   6.7.2   7.1.2  vue-test
babel-core                           6.22.1  6.22.1  6.25.0  vue-test
babel-eslint                          7.1.1   7.1.1   7.2.3  vue-test
babel-loader                         6.2.10  6.2.10   7.1.1  vue-test
babel-plugin-transform-runtime       6.22.0  6.22.0  6.23.0  vue-test
babel-preset-env                      1.3.2   1.3.2   1.6.0  vue-test
babel-preset-stage-2                 6.22.0  6.22.0  6.24.1  vue-test
babel-register                       6.22.0  6.22.0  6.24.1  vue-test
chalk                                 1.1.3   1.1.3   2.0.1  vue-test
css-loader                           0.28.0  0.28.0  0.28.4  vue-test
element-ui                            1.3.7   1.3.7   1.4.1  vue-test

比如我的element-ui模塊，當前是版本是1.3.7，而最新的版本，是1.4.1。
但是執行

npm update

更新命令，只能按照package.js中標註的版本號，進行更新，所以每次都要改下package.js中的版本號爲最新才能夠更新，太麻煩，沒什麼用處。那還有沒有更好的辦法呢，當然有，就是高效升級插件npm-check-updates

安裝方法

npm install -g npm-check-updates

查看最新的版本

npm-check-updates

ncu

下一個是指令縮寫，更方便，執行後，會列出所有要更新的組件：

E:\Vue\vueAdmin-template-master>ncu
Using E:\Vue\vueAdmin-template-master\package.json
[..................] \ :
 element-ui                           1.3.7  →   1.4.1
 normalize.css                        3.0.2  →   7.0.0
 vue                                  2.3.3  →   2.4.2
 vue-router                           2.5.3  →   2.7.0
 autoprefixer                         6.7.2  →   7.1.2
 babel-core                          6.22.1  →  6.25.0
 babel-eslint                         7.1.1  →   7.2.3
 babel-loader                        6.2.10  →   7.1.1

升級

這說明有些包需要升級 這時候我們使用

ncu -a

就可以全部升級了。
當然，如果所有包都是最新版本，執行ncu後會提示：

All dependencies match the latest package versions :)