npm 和 yarn 的区别

本文详细对比了npm和yarn在包管理方面的区别,包括npm的速度慢、安装不一致性和输出信息冗长等问题,以及yarn的快速安装(并行处理和缓存利用)、版本一致性(通过yarn.lock文件保证)和简洁的输出。此外,还列举了两者常用命令的对应关系,并介绍了yarn如何改进npm的部分不足,如多注册来源处理和语义化命令。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

引言

虽然网上和知乎上有好多文章写 npm 和 yarn 的区别。并且我写的文章中借鉴他人的,但还是希望发出来,自己想看的时候,就立马可以找到。引用的文章也会在底部写出来了。

yarn 介绍

yarn 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具,yarn 是为了弥补 npm 的一些缺陷而出现的。

npm 的缺陷:

  • npm install 下载速度慢,重新 install 时速度依旧慢

  • 同一个项目,安装的无法保持一致性。原因是因为 package.json 文件中版本号的特点导致的,下面三个版本号在安装的时候代表不同的含义。

    "5.0.3"     # 表示安装指定的5.0.3版本
    "~5.0.3"    # 表示安装5.0.X中最新的版本
    "^5.0.3"    # 表示安装5.X.X中最新的版本

     

  • 使用 npm 安装多个 js 包时,包会在同一时间下载和安装。安装过程中,其中一个包抛出了一个异常,但 npm 会继续安装其他包,所以错误信息就会在一大堆提示信息中丢失掉,以至于直到执行前,都不会发现实际发生的错误

yarn 优点

  1. 速度快:(主要来自一下两个方面)

    • 并行安装

      无论 npm 还是 yarn 在安装包的时候,都会执行一系列任务。 npm 是按照队列执行每个 package,所以 npm 是串行的。

      而 yarn 是并行的,它同步执行所有任务,性能得到了极大的提升。

    • 离线模式

      如果使用 yarn 已经安装过一个软件包,再次安装时 yarn 会在之前的缓存中获取,而不会像 npm 再次从网络中下载。

  2. 安装版本统一

    • 为了保持安装版本的统一性,yarn 有一个锁定文件(lock file)。它记录了被确切安装上的模块的版本号。每次只要新增一个模块,Yarn 就会更新 yarn.lock 这个文件。这么做保证了每一次拉取同一个项目依赖时,使用的都是一样的模块版本。

    • npm 也有办法实现使用相同版本的 packages,但需要开发者执行 npm shrinkwrap 命令。这个命令将会生成一个锁定文件,在执行 npm install 的时候,该锁定文件会先被读取,和 Yarn 读取 yarn.lock 文件一个道理。

    • npm 和 Yarn 两者的不同之处在于:Yarn 默认会生成这样的锁定文件,而 npm 要通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件,只有当这个文件存在的时候,packages 版本信息才会被记录和更新。

  3. 输出简洁

    • npm 的输出信息比较冗长。在执行 npm install <package> 的时候,命令行里会不断地打印出所有被安装上的依赖。

    • Yarn 简洁太多:默认情况下,结合了 emoji 直观且直接地打印出必要的信息,也提供了一些命令供开发者查询额外的安装信息。

  4. 多注册来源处理

    所有的依赖包,不管他被不同的库间接关联引用多少次,安装这个包时,只会从一个注册来源去装,要么是 npm 要么是 bower, 防止出现混乱不一致。

  5. 语义化进行了修改

    yarn 改变了一些 npm 命令的名称,比如 yarn add/remove 安装卸载模块,而 npm 是 install/uninstall 安装卸载模块。

yarn 和 npm 命令对比

  1. 查看版本

    yarn --version
    npm -version(或者 node -v)

     

  2. 安装淘宝镜像

    yarn config set registry 'https://registry.npm.taobao.org'     
    npm install -g cnpm --registry=http://registry.npm.taobao.org

     

  3. 初始化某个项目

    yarn init                                                  
    npm init

     

  4. 默认安装项目依赖

    yarn install                                            
    cnpm install

     

  5. 安装依赖,并且默认保存到 package

    yarn add xxx                                        
    cnpm install xxx --save

     

  6. 卸载依赖

    yarn remove xxx                                    
    cnpm uninstall xxx --save

     

  7. 更新依赖

    yarn upgrade xxx                                  
    cnpm update xxx --save

     

  8. 安装全局项目依赖

    yarn global add xxx                                
    cnpm install xxx -g

     

  9. 安装特定版本号的项目依赖

    yarn add xxx@                                       
    cnpm install xxx@1.2.33 --save

     

  10. 发布/登录/登出,一系列NPM Registry操作

    yarn publish/login/logout                         
    npm publish/login/logout

     

  11. 运行命令

    yarn run/test                                           
    npm run/test

     

参考资料

https://www.yuque.com/huang-di3xy/wsigl9/bz0leu

https://www.cnblogs.com/jin-zhe/p/11587006.html

 

END

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值