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

前言

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

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

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

一、替换package.json

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

cnpm installnpm install下载包,然后启动项目,看是否正常。

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

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

二、插件:npm-check

2.1 安装升级插件-npm-check

 npm install -g npm-check

npm-check 检查是否安装完成
vue项目升级(02):vue项目中的旧版本npm包怎么持续升级维护_第1张图片

2.2 npm-check 升级

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

vue项目升级(02):vue项目中的旧版本npm包怎么持续升级维护_第2张图片
这样会检测到所有npm包的情况,最后使用空格选择所要升级的包,回车确认,这样你就会获得一个新版本框架下的包均为最新的项目,
vue项目升级(02):vue项目中的旧版本npm包怎么持续升级维护_第3张图片
然后看新的版本包是否有语法改变,去完善即可。

三、内网环境更换镜像库

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

3.1 临时更换npm镜像地址

npm install  --registry https://registry.npmjs.org

3.2 永久更换npm镜像地址

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

小结

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

over~有问题留言

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

你可能感兴趣的:(Vue,vue,javascript)