Vue - npm 批量升级依赖包

参考:
npm 如何更新项目最新依赖包
一行命令更新所有 npm 依赖包
npm 升级依赖包

批量升级有风险!!!升级需谨慎!!

常规的包升级方式
npm update (包)

检查项目可升级的包

方式一

该命令将检查每个已安装的依赖关系,并将当前版本与 npm registry 中的最新版本进行比较。它在终端打印出一个表格,概述了可用的版本。
查看后npm update手动更新

  • Current 是当前安装的版本。
  • Wanted 是根据semver 范围内的软件包的最大版本。
  • Latest 是在 npm registry 中被标记为最新的软件包版本。
npm outdated

在这里插入图片描述

方式二 (一键升级所有依赖包)

npm-check-updates插件地址

  • Red (显示红色) = major (主版本,或者说是大版本)
  • Cyan (显示青色) = minor(次要版本)
  • Green(显示绿色) = patch (补丁版本)

1、全局安装插件

npm install -g npm-check-updates

2、检查更新

npm-check-updates  // 简写 ncu

3、更新package.json文件中的版本
注意此命令是更新 package.json ,真正的依赖包还没有下载下来,所以需要删除 node_modules 重新 install

ncu -u

4、执行npm install 自动安装最新的包

npm install

在这里插入图片描述

方式三

下面命令会检查可升级的包并列出来(可选择单个或多个进行更新
通过空格选中某个包,上下键切换,Control + C 取消更新,回车就是执行更新。

npm-check -u

在这里插入图片描述

附npm操作:

npm uninstall xxxx --save-dev //删除包及删除配置项
npm install xxx@version //安装指定版本
npm install //覆盖

附NVM使用:

https://nvm.uihtm.com/

NVM(Node Version Manager)是一个用于管理Node.js版本的工具,它允许在同一台机器上安装和切换不同的Node.js版本。以下是使用NVM的基本步骤:

  1. 安装NVM:

NVM GitHub:https://github.com/coreybutler/nvm-windows。然后,点击页面上的 “nvm-setup.zip” 下载 NVM 的安装文件。
下载完成后,解压 nvm-setup.zip 文件并运行其中的 nvm-setup.exe 安装程序。按照安装向导的指示完成 NVM 的安装。然后重新打开一个新的终端窗口或标签页。这将确保 NVM 生效并设置环境变量。

如果下载node过慢或者安装失败,请更换国内镜像源, 在 nvm 的安装路径下,找到 settings.txt,设置node_mirro与npm_mirror为国内镜像地址

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

阿里云镜像

npm_mirror: https://npmmirror.com/mirrors/npm/
node_mirror: https://npmmirror.com/mirrors/node/

腾讯云镜像

npm_mirror: http://mirrors.cloud.tencent.com/npm/
node_mirror: http://mirrors.cloud.tencent.com/nodejs-release/
  1. 安装Node.js版本, 运行以下命令来列出可用的Node.js版本:
nvm list available

然后,选择一个特定版本进行安装

nvm install 14
// 或
nvm install 16.18.1
  1. 查看已安装版本

nvm list或nvm ls查看目前已经安装的版本 ( 当前版本号前面没有 * , 此时还没有使用任何一个版本,这时使用 node.js 时会报错 )
https://nvm.uihtm.com/images/nvm-list1.png

  1. 切换Node.js版本:如果已经安装了多个Node.js版本,可以使用以下命令来切换版本:
nvm use <version>

其中,<version>是希望使用的Node.js版本号。例如,要切换到Node.js 14版本:

nvm use 14
  1. 验证Node.js版本:运行以下命令来验证当前正在使用的Node.js版本:
node -v

6 . 设置默认node

如果你想设置默认使用的node和npm版本,你可以使用以下命令:

nvm alias default <version>

例如:

nvm alias default 16.18.1

这样,每次打开终端时,nvm都会默认使用node v16.18.1

  • 6
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-element-admin是一个基于Vue.js和Element UI的后台管理系统框架。在项目的开发过程中,我们会使用到很多第三方的插件和库,这些插件和库都需要通过npm或者yarn安装到项目的依赖中,而这些依赖都被存放在项目根目录下的node_modules文件夹中。 vue-element-admin的完整依赖node_modules是含了所有需要的第三方插件和库的文件夹。在安装vue-element-admin时,我们需要运行一条类似于"npm install"或者"yarn install"的命令来自动安装这些依赖。这些依赖括了一些vue的相关、element UI的相关、路由管理vue-router、状态管理vuex以及其他一些常用的工具等等。 使用vue-element-admin开发项目时,我们可以根据需要引入所需的依赖,比如在组件中需要使用表格功能,就可以通过引入element UI的表格组件实现;如果需要实现页面路由跳转,就可以通过引入vue-router来实现。这些依赖在node_modules文件夹中都有相应的目录结构和文件,我们只需要按需引入即可。 随着项目的开发和迭代,我们可能还会不断引入新的第三方插件和库,这些新的依赖也会被自动安装到node_modules文件夹中。因此,保持vue-element-admin的完整依赖node_modules的健康和整洁是非常重要的,它们对项目的正常运行和开发具有至关重要的作用。同时,也可以通过定期清理无用的依赖来减小项目的体积,提升项目的性能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值