前言

话说身为一个站在巨人的肩膀上的API工程师，在日常开发中，肯定会使用很多插件，如果你当前项目的插件已经落后新版很多代了，怎么办？

之前介绍了vuecil3的语法和配置，而我的项目升级是直接替换了整个src文件夹来完成的，但是那我们插件包怎么升级？

那这篇来介绍vue项目中的npm包怎么持续的升级维护

一、替换package.json

升级过程后，将旧版本的packag.json文件中的npm包相关代码复制到新版本；

cnpm install或 npm install下载包，然后启动项目，看是否正常。

这时候的插件也是老版本的，所以我们还需要升级npm包，身为优秀的API工程师的我，肯定不会用npm update这种来一个一个升级啊，肯定找个合适的插件让它来帮我升级~

下面介绍升级及之后维护的必备插件：

二、插件：npm-check

2.1 安装升级插件-npm-check

 npm install -g npm-check

npm-check 检查是否安装完成在这里插入图片描述

2.2 npm-check 升级

操作命令概览

  -u, --update          交互更新
  -y, --update-all      全部更新
  -g, --global          查看全局模块
  -s, --skip-unused     跳过检查未使用的包
  -p, --production      跳过开发环境依赖模块.
  -d, --dev-only        只看devDependencies;

常用命令

>> npm-check -u

在这里插入图片描述这样会检测到所有npm包的情况，最后使用空格选择所要升级的包，回车确认，这样你就会获得一个新版本框架下的包均为最新的项目，然后看新的版本包是否有语法改变，去完善即可。

三、内网环境更换镜像库

由于我们的项目是在内网环境开发，特记录一下如何在内网环境更换npm镜像地址；

3.1 临时更换npm镜像地址

npm install <registry-name> --registry https://registry.npmjs.org

3.2 永久更换npm镜像地址

npm config set registry https://registry.npmjs.org  
npm config list

小结

这篇就主要讲npm包怎么持续升级维护以及内网环境更换镜像库，之后继续记录vue项目插件的升级及打包优化...

over~有问题留言

如果本文对你有帮助的话，请不要忘记给我一键三连点赞打call哦~o(￣▽￣)ｄo

vue项目升级:vue项目中的旧版本npm包怎么持续升级维护

前言