在前端开发中，npm 与 yarn 是两个必不可少的包管理工具。它们可以自动化安装、升级和删除你所需要的 JavaScript 库和工具包，使得前端项目的管理变得更为方便、快捷和高效。npm 与 yarn 有着广泛的应用，包括模块开发、web 应用开发、静态网站生成器等等。
本篇文章主要介绍 npm 包 npmvsyarn 使用教程，以便更好地掌握这两个工具的区别、优劣以及如何使用它们来简化你的开发流程。
npm 与 yarn 的对比
npm 和 yarn 都是 JavaScript 的包管理工具。npm 是 Node.js 上的默认包管理工具，而 yarn 是由 Facebook 开发的新一代包管理工具。下面我们来看一下他们的各自特点。
npm 的优点
- npm 的安装包数量和相关资源非常丰富;
- npm 的速度逐渐増加;
- npm 有易于编写的脚本，可以更好地控制包的安装和处理过程;
- npm 简单易用，开源社区广泛。
yarn 的优点
- yarn 的速度比 npm 更快，有着更快的安装速度和更好的性能表现;
- yarn 解决了 npm 的安全漏洞和文件冲突问题，可以获得更好的安全性；
- yarn 提供了 lock 文件机制，可以保证项目开发在不同电脑上的表现一致。
根据以上的优点，从速度、资源量和准确性等多方面的考量，我们来对比一下两者的区别：
安装速度
- yarn 的安装速度比 npm 快 50%
- yarn 安装时能够并行处理多个包
缓存和依赖管理
- yarn 使用缓存速度更快，而且具有本地缓存功能，避免了重复的数据下载
- yarn 的依赖管理更严格，每次安装的包版本默认情况下被锁定，因此包之间的兼容性很好，也不需要担心理解上的歧义。
结构差异
- npm 有 huge npm 软件仓库，通常在全部下载后应用开始运行，导致速度相对较慢
- yarn 使用的则是 Facebook 私有的 npm 软件仓库，通常是使用链接信息来做到运行时即时解析。
npm 升级到 yarn
npm 与 yarn 的使用并不冲突，所以你可以通过简单的升级方式让你的项目更好地使用 npm 和 yarn。通过以下步骤来将 npm 升级到 yarn：
- 第一步，首先需要全局安装 yarn：
--- ------- -- ----
- 第二步，然后在你的项目文件夹中，清除已有的 npm 缓存：
--- ----- ----- -------
- 第三步，将所有的 npm 依赖包导出到 package.json：
--- -- --------- - ---- -- --- - --- --- -------- ---------- --- ---- - ----------------
- 第四步，使用 yarn 安装依赖：
---- ------- ------
这样你就成功将 npm 转换为了 yarn。
npmvsyarn 使用教程
创建项目
首先来创建一个新的项目。
使用 npm：
--- ---- --
使用 yarn：
---- ---- --
这些命令将创建一个最小的 package.json 文件，其中包括项目名称、版本、描述等等。
安装依赖
接下来，让我们来安装一些依赖包。
使用 npm：
--- ------- -------
使用 yarn：
---- --- -------
这些命令都将安装 express 包，但是运行 npm ls 和 yarn list 命令可以看到，npm 将包安装在 node_modules 目录下，而 yarn 安装在了 node_modules/.yarn 目录下。
卸载依赖
如果你想卸载某个依赖包，可以使用以下命令：
使用 npm：
--- --------- -------
使用 yarn：
---- ------ -------
更新依赖
如果你想更新某个依赖包到最新版本，可以使用以下命令：
使用 npm：
--- ------ -------
使用 yarn：
---- ------- -------
安装本地和全局包
有时候，你需要安装本地和全局包。
使用 npm：
--- ------- ------- ---- --
使用 yarn：
---- ------ --- ------- ----
安装指定版本的包
如果你想要安装特定版本的依赖包，可以使用以下命令：
使用 npm：
--- ------- --------------
使用 yarn：
---- --- --------------
通过 lock 文件控制版本
Npm 和 yarn 都可以将项目的依赖关系保存在 lock 文件(package-lock.json 或 yarn.lock) 中，这将确保项目中的所有开发人员使用的是相同的依赖项版本。
如果你使用 npm，可以使用以下命令：
--- ------- ---------- ------------- --- -------------
如果你使用 yarn，可以使用以下命令：
---- --- ----- ----------------- ---- --- ----------------
镜像加速
如果你使用npm命令，你可以修改npm的registry地址来进行加速。因为npm原始的registry是国外，因此在没有科学上网的情况下，下载速度会非常慢。修改registry的方法很简单，可以输入一下指令：
--- ------ --- -------- ------------------------------- -- -- --- ------ --- -------- --------------------------------
如果你使用yarn命令，你可以修改yarn的registry地址来进行加速。因为yarn原始的registry是国外，因此在没有科学上网的情况下，下载速度会非常慢。修改registry的方法很简单，可以输入以下指令：
---- ------ --- -------- ------------------------------- -- -- ---- ------ --- -------- --------------------------------
结论
本文主要介绍了 npm 和 yarn 的优缺点，以及如何使用和迁移依赖包，同时给出了示例和使用教程。希望能够帮助读者快速了解 npm 和 yarn 的具体使用方法，进一步提升前端开发工作的效率和质量。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066f933d1de16d83a66bcd