提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


文章目录

  • 前言
  • 一、npm 简介
  • 二、Yarn 介绍
  • 三、npm和yarn使用步骤
  • 1.安装
  • 2.命令区别
  • 总结



前言

提示:这里可以添加本文要记录的大概内容:

“yarn是跟npm一样的东西吗?我们都知道npm和yarn默认镜像在国外,国内访问这些镜像速度会比较慢,本文就介绍了npm和yarn的基础内容。


提示:以下是本篇文章正文内容,下面案例可供参考

一、npm 简介

npm是一个包管理器,它让 javascript 开发者分享、复用代码更方便.在程序开发中我们常常需要依赖别人提供的框架,写js 也不例外。这些可以重复的框架代码被称作包(package)或者模块(module),一个包可以是一个文件夹里放着几个文件,同时有一个叫做 package.json的文件。

npm(node package manager):node.js 的包管理器,用于node插件管理(包括安装、卸载、管理依赖等) ,npm 是随同 node.js 一起安装的包管理工具,能解决 node.js 代码部署上的很多问题,常见的使用场景有以下几种:
1.允许用户从 npm 服务器下载别人编写的第三方包到本地使用。
允许用户从 npm 服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到 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 介绍

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

Yarn 优点
1.速度快 。速度快主要来自以下两个方面:

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

3.离线模式:如果之前已经安装过一个软件包,用Yarn再次安装时之间从缓存中获取,就不用像npm那样再从网络下载了。

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

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

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

7.更好的语义化: yarn改变了一些npm命令的名称,比如 yarn add/remove,感觉上比 npm 原本的 install/uninstall 要更清晰。

三、npm和yarn使用步骤

1.安装

安装淘宝镜像
yarn config set registry ‘https://registry.npm.taobao.org’
npm install -g cnpm --registry=http://registry.npm.taobao.org

代码如下(示例):
全局安装:
npm install xxx -g
yarn global add xxx

2.命令区别

代码如下(示例):

yarn 怎么和nvm一起使用 yarn和npm的区别_json

yarn常用命令

安装yarn命令: npm install -g yarn

查看版本号yarn version

初始化项目yarn init , 根据提示输入项目相关信息即可。

查看全部配置项 yarn config list

显示某配置项yarn config get

删除某配置项yarn config delete

设置配置项yarn config set [-g|–global]

安装包命令:yarn install ,该命令会根据packge.json文件安装依赖包,生成node_modules文件夹。

强制重新下载所有包 yarn install --force

添加包yarn add [package],该命令会自动更新package.json和yarn.lock

删除包yarn remove 该命令会自动更新package.json和yarn.lock

发布包yarn publish

查看缓存yarn cache

运行脚本yarn run 该命令执行在 package.json 中 scripts 属性下定义的脚本。

yarn build 该命令将源码编译成dist目录下发行文件。

总结

通过以上一系列对比,我们可以看到 yarn的优势特别明显,不过npm还没有超过yarn,如果你已经在个人项目上使用 yarn,并且没有遇到更多问题,目前完全可以继续使用。但如果有兼容 npm 的场景,或者身处在使用 npm,cnpm的团队,以及还没有切到 yarn 的项目,那现在就可以试一试 npm了。