美文网首页
yarn和npm的区别

yarn和npm的区别

作者: Fizz_YF | 来源:发表于2022-04-14 11:59 被阅读0次

熟悉一个新项目一般都是如下步骤:

git clone xxx
npm install
npm run dev
或者

git clone xxx
yarn
yarn start

yarn是什么?

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

npm的缺陷:

npm install的时候巨慢,新的项目拉下来要等半天
同一个项目,安装的时候无法保持一致性。由于package.json文件中依赖包版本号的特点,有时会由于安装版本不一致出现bug
安装的时候,包会在同一时间下载和安装,中途某个时候,一个包抛出了一个错误,但是npm会继续下载和安装包。因为npm会把所有的日志输出到终端中,有关错误包的错误信息就会在一大堆npm打印的警告中丢失掉,并且你甚至永远不会注意到实际发生的错误

yarn的优点:

速度快:

  • 并行安装:npm是按照队列执行每一个包,也就是必须等到当前包安装完成之后才能继续后面的安装。而yarn是并行执行所有任务,提高了性能
  • 离线模式:如果之前已经安装过一个软件包,用yarn再次安装时会从缓存中获取,就不用像npm那样再从网络下载了

安装版本统一:

为了防止拉取到不同的版本,yarn有一个锁定文件(lock file)记录了被确切安装上的模块的版本号。每次只要新增了一个模块,yarn就会创建(或更新)yarn.lock 这个文件。这么做就保证了每一次拉取同一个项目依赖时,使用的都是一样的模块版本。npm其实也有办法实现处处使用相同版本的包,但需要开发者执行 npm shrinkwrap 命令。

更简洁的输出:

npm的输出信息比较冗长,执行 npm install xxx 时命令行里会不断地打印出所有被安装上的依赖。相比之下,yarn简洁太多,默认情况下直观且直接地打印出必要的信息,也提供了一些命令供开发者查询额外的安装信息

多注册来源处理:

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

更好的语义化:

yarn改变了一些npm命令的名称,比如 yarn add/remove

npm和yarn命令对比

npm yarn
npm init yarn init
npm init -y yarn init -y
npm install yarn
npm install xxx yarn add xxx
npm install --global xxx yarn global add xxx
npm uninstall xxx yarn remove xxx
npm install xxx@版本号 yarn add xxx@版本号
npm install xxx --save yarn add xxx
npm install xxx --save-dev yarn add xxx --dev
npm update --save yarn upgrade
npm run yarn run
npm run xxx yarn run xxx
npm run dev yarn dev

yarn安装

npm install -g yarn

//查看版本
yarn --version

相关文章

  • npm 和 yarn区别

  • yarn 和 npm 的区别

    包管理工具的安装: yarn的安装: 下载软件,傻瓜式安装。 注(PS): 用npm进行安装yarn会报错,不能使...

  • yarn和npm 的区别

    Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 — Yar...

  • yarn 和 npm 的区别

    包管理工具的安装:yarn的安装:下载软件,傻瓜式安装。注(PS):用npm进行安装yarn会报错,不能使用 np...

  • npm和yarn的区别

    npm和yarn都是包管理工具,都可以安装包和模块,大家都应该用过这两个包管理工具,用npm后会生成一个packa...

  • yarn和npm的区别

    熟悉一个新项目一般都是如下步骤: yarn是什么? yarn是由Facebook、Google、Exponent ...

  • npm 和 yarn 的区别

    引言 虽然网上和知乎上有好多文章写 npm 和 yarn[https://so.csdn.net/so/searc...

  • 初始yarn、yarn和Npm的区别

    yarn英文官网[https://yarnpkg.com/] yarn是软件包管理器,允许世界上所有开发人员一起使...

  • npm、yarn、cnpm

    1. npm 2. cnpm 3. yarn 4. npm与yarn使用命令的区别 npmyarn安装依赖...

  • npm、yarn切换源、加代理

    npm和yarn转换淘宝源和官方源 npm 设置代理 npm 删除代理 yarn 设置代理 yarn 删除代理

网友评论

      本文标题:yarn和npm的区别

      本文链接:https://www.haomeiwen.com/subject/slstertx.html