清除缓存

npm

      npm cache clean --force
    

yarn

      yarn cache clean
    

pnpm

      pnpm store prune
    

npm和yarn源的简单修改(以淘宝镜像为例)

npm

临时修改(只生效一次)
      npm install 包的名字 --registry https://registry.npmmirror.com
    
设置npm的配置项(全局配置)

查看npm源的当前地址

      npm config get registry
    

设置淘宝镜像

      npm config set registry https://registry.npmmirror.com
    

设置npm官方镜像

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

yarn

临时修改(只生效一次)
      yarn save 包的名字 --registry https://registry.npmmirror.com/
    
设置yarn的配置项(全局配置)

查看yarn源的当前地址

      yarn config get registry
    

设置淘宝镜像

      yarn config set registry https://registry.npmmirror.com/
    

设置yarn官方镜像

      yarn config set registry https://registry.yarnpkg.com
    

升级依赖

方法一:原生 npm 命令(仅升级版本范围允许的依赖)

npm 自带的 npm update 命令可以升级依赖,但只能升级到 package.json 中版本范围允许的最新版(比如 ^1.2.3 只能升到 1.x.x 最新,无法升到 2.x.x),步骤如下:

      # 进入项目根目录(确保有 package.json 文件)
cd 你的项目目录

# 升级所有依赖(仅在版本范围限制内)
npm update

# 可选:查看已安装的依赖版本
npm list
    

方法二:使用 ncu 工具(突破版本限制,全量升级)

这是行业内更常用的方式,通过 npm-check-updates(简称 ncu)工具可以突破版本范围限制,直接升级到所有依赖的最新版本,步骤如下:

安装 ncu(全局安装一次即可)

      npm install -g npm-check-updates
    

如果不想全局安装,也可以用 npx 临时调用(无需安装):

      npx npm-check-updates
    

检查可升级的依赖(预览升级内容)

      # 查看所有可升级的依赖及版本变化
ncu
    

执行后会列出当前版本、最新版本,比如:

       axios          0.27.2  →  1.6.8
 react          18.1.0  →  18.3.1
 react-dom      18.1.0  →  18.3.1
    

升级 package.json 中的版本号

      # 升级 package.json 里的所有依赖版本(仅修改配置文件,不安装)
ncu -u
    

安装升级后的依赖

      # 根据更新后的 package.json 重新安装依赖
npm install
    

重要注意事项

  1. 备份配置文件:升级前建议备份 package.jsonpackage-lock.json,或提交代码到 Git,防止升级后出现兼容性问题。

  2. 测试项目:依赖升级后(尤其是大版本升级),一定要测试项目功能是否正常,部分依赖的大版本可能有破坏性更新。

  3. 仅升级生产依赖:如果只想升级 dependencies(生产依赖),排除 devDependencies(开发依赖),可执行:

          ncu -u --prod
        

npm和yarn修改和查看全局安装路径和缓存路径

npm的安装和修改

查看各种路径命令

  • 查看当前npm包的全局安装路径

          npm prefix -g 
        
  • 查看配置列表

          npm config ls 
        

修改路径命令

  • 修改npm的包的全局安装路径

          npm config set prefix "D:\software\nodeJs\info\node_global"
        
  • 修改npm的包的全局cache位置

          npm config set cache "D:/Users/nodejs/npm_cache"
        

配置环境变量

将全局路径配置在环境变量中

此电脑 -> 属性 -> 高级系统设置 -> 环境变量 -> 系统变量 -> path ->编辑 - > 新增路径 -D:\software\nodeJs\info\node_global (路径可以根据npm prefix -g查看)

详情参考:yarn的配置

yarn 的安装路径和缓存路径

查看各种路径命令

  • 查看 yarn 全局bin位置

    加载中...

声明

作者: liyao

版权:本博客所有文章除特别声明外,均采用CCBY-NC-SA4.O许可协议。转载请注明!

最后更新于 2026-02-18 18:41 history