yarn和npm的区别

Yarn是什么?

“yarn”是由Facebook,Google,Exponent和Tilde联合推出了一个新的JS包管理工具,正如官方文档中写的,yarn是为了弥补npm的一席缺陷而出现的

npm的缺点:

 npm install 的时候巨慢,特别是新的项目拉下拉要等半天,删除node_modules,重新install的时候依旧如此

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

  1.“5.0.3”
  2.“~5.0.3”
  3.“^5.0.3”

  “5.0.3”代表安装指定的5.0.3的版本,“~5.0.3”代表安装5.0.x中最新的版本,“^5.0.3”代表安装5.x.x中最新的版本

  安装的时候,包会在同一时间下载和安装,中途某个时候,一个包抛出了一个错误,但是npm会继续下载和安装。以为npm会把所有的日志输出到终端,有关错误的信息就会在一大堆npm大一的警告中地市掉,并且你甚至用员不会质疑道实际发生的错误

Yarn的优点:

  速度快

    1.并行安装:无论npm还是yarn在执行包的安装时,都会执行一系列任务。npm是按照瑞lie执行每一一个package,也就是说必须要等到当前package安装完成之后,才能继续后面的安装。二yarn是同步执行所有任务,提高了性能

    2.离线模式:如果之前已经安装过一个软件包,用yarn再次安装时之间重缓存中获取,就不同想nom那样在从网络瞎子阿里

  安装版本的统一:为了防止拉取到不同的版本,Yarn 有一个锁定文件 (lock file) 记录了被确切安装上的模块的版本号。每次只要新增了一个模块,Yarn 就会创建(或更新)                                         yarn.lock 这个文件。这么做就保证了,每一次拉取同一个项目依赖时,使用的都是一样的模块版本。npm 其实也有办法实现处处使用相同版本的 packages,但                                     需要开发者执行 npm shrinkwrap 命令。这个命令将会生成一个锁定文件,在执行 npm install 的时候,该锁定文件会先被读取,和 Yarn 读取 yarn.lock 文件一个                                     道理。npm 和 Yarn 两者的不同之处在于,Yarn 默认会生成这样的锁定文件,而 npm 要通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件,只有当这个文件                                     存在的时候,packages 版本信息才会被记录和更新。

  更简洁的输出:npm 的输出信息比较冗长。在执行 npm install <package> 的时候,命令行里会不断地打印出所有被安装上的依赖。相比之下,Yarn 简洁太多:默认情况下,结                                    合 了 emoji直观且直接地打印出必要的信息,也提供了一些命令供开发者查询额外的安装信息。
  • 多注册来源处理:所有的依赖包,不管他被不同的库间接关联引用多少次,安装这个包时,只会从一个注册来源去装,要么是 npm 要么是 bower, 防止出现混乱不一致。
  • 更好的语义化: yarn改变了一些npm命令的名称,比如 yarn add/remove,感觉上比 npm 原本的 install/uninstall 要更清晰。
  • Yarn和npm命令对比

  • npm                                       yarn
  • npm install                             yarn
  • npm install react --save         yarn add react
  • npm uninstall react --save     yarn remove react
  • npm install react --save-dev  yarn add react --dev
  • npm update --save                yarn upgrade
安装yarn 需要node.js安装成功 
直接用npm install -g yarn安装
# 安装
$ yarn install
# 启动
$ yarn run serve     

 

posted @ 2022-02-24 16:33  土小狗  阅读(867)  评论(0编辑  收藏  举报