利器:NPM和YARN及其他

利器:NPM和YARN及其他_第1张图片

文章目录

      • **1. 安装 Yarn(推荐方法)**
      • **2. 验证安装**
      • **3. 常见问题及解决方法**
        • **① 权限不足(Error: EPERM)**
        • **② 网络问题(连接超时或下载失败)**
        • **③ 环境变量未正确配置**
      • **4. 替代安装方法(如果 npm 安装失败)**
        • **① 使用 Chocolatey(Windows 包管理器)**
        • **② 使用 Scoop**
        • **③ 直接下载安装包**
      • **5. 卸载 Yarn**
      • **一、核心特性对比**
      • **二、常用命令对比**
      • **三、核心差异详解**
        • 1. **依赖安装机制**
        • 2. **Monorepo 支持**
        • 3. **安全与稳定性**
      • **四、使用场景推荐**
      • **五、迁移示例**
        • npm → Yarn
        • npm → pnpm
      • **六、镜像源加速**
      • **总结**

利器:NPM和YARN及其他_第2张图片

1. 安装 Yarn(推荐方法)

打开 CMD(命令提示符)PowerShell(建议以 管理员身份运行),执行以下命令:

npm install -g yarn
  • -g 表示全局安装,使 yarn 命令可以在任何目录下使用。

2. 验证安装

安装完成后,检查 Yarn 是否安装成功:

yarn --version

如果显示版本号(如 4.1.0),说明安装成功。


3. 常见问题及解决方法

① 权限不足(Error: EPERM)

报错示例

npm ERR! Error: EPERM: operation not permitted

解决方法

  • 以管理员身份运行 CMD/PowerShell,然后重新执行安装命令。
  • 如果仍然报错,尝试修复 npm 权限:
    npm cache clean --force
    npm install -g yarn --force
    
② 网络问题(连接超时或下载失败)

报错示例

npm ERR! network timeout
npm ERR! Unable to download package

解决方法

  • 切换 npm 镜像源(如淘宝源):
    npm config set registry https://registry.npmmirror.com
    
    然后重新安装 Yarn:
    npm install -g yarn
    
  • 关闭代理(如果使用了 VPN/代理):
    npm config set proxy false
    
③ 环境变量未正确配置

问题:安装成功,但运行 yarn 时提示 'yarn' 不是内部或外部命令
解决方法

  1. 找到 Yarn 的安装路径(通常在 %APPDATA%\npmC:\Users\你的用户名\AppData\Roaming\npm)。
  2. 将该路径添加到 系统环境变量 PATH 中:
    • Win + R → 输入 sysdm.cpl高级环境变量 → 在 PATH 中添加 Yarn 的路径。
  3. 重新打开 CMD/PowerShell,再次运行 yarn --version 测试。

4. 替代安装方法(如果 npm 安装失败)

① 使用 Chocolatey(Windows 包管理器)

如果你已安装 Chocolatey,可以运行:

choco install yarn
② 使用 Scoop

如果已安装 Scoop,可以运行:

scoop install yarn
③ 直接下载安装包

从 Yarn 官网 下载 Windows 版的 .msi 安装包,双击安装。


5. 卸载 Yarn

如果需要卸载 Yarn,可以执行:

npm uninstall -g yarn

或者通过 Chocolatey/Scoop 卸载:

choco uninstall yarn   # Chocolatey
scoop uninstall yarn  # Scoop


以下是 npm、Yarn 及 pnpm 三大主流 JavaScript 包管理工具的详细对比,涵盖核心特性、命令差异及使用场景:


一、核心特性对比

特性 npm (Node Package Manager) Yarn (Yarn Berry) pnpm (Performance npm)
开发者 Node.js 官方 Meta (Facebook) + 社区 Vercel 团队
安装速度 中等 快(依赖缓存机制) 极快(硬链接 + 符号链接)
磁盘空间占用 高(重复依赖) 中(依赖提升) 极低(共享依赖)
依赖管理机制 嵌套依赖树 扁平化依赖树 内容寻址存储
安全机制 npm audit(基础) 零安装(离线优先) 严格隔离依赖(防幽灵依赖)
Monorepo 支持 需配合 Lerna 原生支持(Workspaces) 原生支持(Workspaces)
锁定文件 package-lock.json yarn.lock pnpm-lock.yaml
默认镜像源 registry.npmjs.org registry.yarnpkg.com registry.npmjs.org

二、常用命令对比

操作 npm 命令 Yarn 命令 pnpm 命令
初始化项目 npm init yarn init pnpm init
安装所有依赖 npm install yarn install pnpm install
添加生产依赖 npm install yarn add pnpm add
添加开发依赖 npm install -D yarn add -D pnpm add -D
全局安装 npm install -g yarn global add pnpm add -g
移除依赖 npm uninstall yarn remove pnpm remove
更新依赖 npm update yarn upgrade pnpm update
运行脚本 npm run

你可能感兴趣的:(包罗万象,npm,前端,node.js,YARN,install,vue,.net)