pnpm 是如何工作的？能替代 npm 吗？一篇详细的新手入门教程|pnpm 和 npm 谁更强？一篇超详细的新手教程带你了解前端包管理进阶技巧 再见 npm！为什么越来越多的前端开发者推荐用 pnp

pnpm 是如何工作的？能替代 npm 吗？一篇详细的新手入门教程

引言

在前端开发中，我们经常需要用到包管理工具，例如 npm、yarn 或 pnpm。许多新手可能对它们的区别感到疑惑，特别是 pnpm 的高效性和独特性更是令人好奇：

• pnpm 和 npm 有什么不同？
• 可以用 npm 替代 pnpm 吗？
• 为什么越来越多的开发者推荐使用 pnpm？

  在这篇博客中，我们将通过详细的教程，从安装 pnpm 到实际操作，带你一步步掌握 pnpm 的使用，并了解它与 npm 的主要区别。

  ---

  目录

  1. 什么是 pnpm？
  2. pnpm 和 npm 的区别
  3. 如何安装 pnpm？
  4. pnpm 的基本使用教程
     • 安装依赖
     • 添加新依赖
     • 移除依赖
     • 运行脚本
     • 清理缓存
     • pnpm 的适用场景
     • 常见问题和解答

  ---

  1. 什么是 pnpm？

  pnpm 是一种高效的包管理工具，名字的意思是 “Performant npm”，即性能更强的 npm。它与 npm 和 yarn 类似，能够帮助开发者管理项目的依赖，但它通过以下方式提供更高的效率：

  • 节省磁盘空间：利用硬链接技术。
  • 提高安装速度：全局缓存机制加速安装。
  • 更严格的依赖管理：防止“幽灵依赖”。

    如果你经常使用 npm 或 yarn 来管理项目，pnpm 是一个值得尝试的替代工具。

    ---

    2. pnpm 和 npm 的区别

    在选择使用工具之前，我们先来看看 pnpm 和 npm 的核心区别：

    1. 磁盘空间利用

    • npm：将每个项目的依赖直接存储在项目目录的 node_modules 中，即每个项目都会完整保存一份依赖。
    • pnpm：在全局存储区保存依赖包的单一副本，每个项目只通过硬链接引用，避免了重复存储。

      总结：pnpm 在有多个类似项目时，能够显著减少磁盘占用。

      2. 安装速度

      • npm：每次安装都需要重复下载依赖包。
      • pnpm：通过全局缓存机制加速依赖安装，重复安装速度非常快。

        总结：pnpm 对于有大量依赖的项目安装速度更快。

        3. 依赖树结构

        • npm：使用扁平化结构，可能会引发“幽灵依赖”问题（即某些依赖隐式被引用）。
        • pnpm：依赖结构更严格，只有显式安装的依赖才会被加载。

          总结：pnpm 更适合大型项目的依赖管理，避免潜在冲突。

          ---

          3. 如何安装 pnpm？

          如果你想体验 pnpm，可以通过以下步骤安装。

          步骤 1：确保安装 Node.js

          pnpm 依赖于 Node.js，所以需要先安装 Node.js。

          在官网下载安装包：Node.js 下载

          安装完成后，运行以下命令，检查是否成功：

          node -v
          

          步骤 2：安装 pnpm

          使用 npm 全局安装 pnpm：

          npm install -g pnpm
          

          安装完成后，可以运行以下命令检查版本：

          pnpm --version
          

          如果返回 pnpm 的版本号，说明安装成功！

          ---

          4. pnpm 的基本使用教程

          4.1 安装依赖

          在一个已有项目中运行以下命令：

          pnpm install
          

          pnpm 会根据 package.json 的配置安装所有依赖。

          安装完成后，你会发现 node_modules 的文件夹结构与 npm 不同，因为 pnpm 使用了自己的分层依赖管理方式。

          4.2 添加新依赖

          pnpm 提供 add 命令来添加新依赖：

          pnpm add package-name
          

          示例：

          pnpm add axios
          

          如果你需要将某个依赖添加为开发依赖，可以使用 --save-dev 参数：

          pnpm add typescript --save-dev
          

          4.3 移除依赖

          移除某个依赖也非常简单：

          pnpm remove package-name
          

          例如：

          pnpm remove axios
          

          4.4 运行脚本

          pnpm 的脚本运行命令与 npm 类似：

          pnpm run script-name
          

          假如 package.json 中定义了以下脚本：

          {
            "scripts": {
              "dev": "vite"
            }
          }
          

          你可以运行：

          pnpm run dev
          

          4.5 清理缓存

          pnpm 的缓存机制能够加速依赖安装，但如果缓存中存在过时的依赖，可以运行以下命令清理：

          pnpm store prune
          

          ---

          5. pnpm 的适用场景

          虽然 npm 和 yarn 也很好用，但在以下场景中，pnpm 更具优势：

          1. 磁盘空间不足：如果你需要管理多个项目，pnpm 的硬链接机制能帮你节省大量磁盘空间。
          2. 大规模依赖管理：pnpm 的严格依赖管理机制适合大型团队协作，避免潜在冲突。
          3. 需要高安装速度：pnpm 的全局缓存和链接机制能显著提升安装速度。

          ---

          6. 常见问题和解答

          Q1: 可以直接用 npm 替代 pnpm 吗？

          可以。在功能上，npm 和 pnpm 都能完成依赖管理，但 pnpm 提供了更好的性能和空间优化。

          Q2: 我已经用 npm 初始化了项目，如何切换到 pnpm？

          直接运行以下命令：

          pnpm install
          

          pnpm 会根据项目的 package.json 文件重新安装依赖。

          Q3: pnpm 是否支持全局包安装？

          支持，可以使用以下命令：

          pnpm add -g package-name
          

          例如：

          pnpm add -g eslint
          

          ---

          总结

          pnpm 是一个高效且灵活的包管理工具，特别适合需要管理多个项目的开发者。通过本文的详细教程，相信你已经掌握了 pnpm 的基本使用方法以及它的优势。

          ---

          ---

          🌟【定制化开发服务，让您的项目领先一步】🌟

          如有需求，直接私信留下您的联系方式。谢谢。

          我的邮箱：2351598671@qq.com

          ---