首页 > 分享 > Yarn 安装与使用详细介绍

Yarn 安装与使用详细介绍

文章目录 背景什么是 Yarn速度快离线模式可靠可确定性网络优化扁平化模式版本控制其他关于 Yarn 的介绍 Yarn 安装windowsmac方式一方式二 Yarn 换源Yarn 常用命令Yarn 独有的命令 特性推荐阅读

背景

在 Node 生态系统中,依赖通常安装在项目的 node_modules 文件夹中。然而,这个文件的结构和实际依赖树可能有所区别,因为重复的依赖可以合并到一起。npm 客户端把依赖安装到 node_modules 目录的过程具有不确定性。这意味着当依赖的安装顺序不同时,node_modules 目录的结构可能会发生变化。这种差异可能会导致类似 “我的电脑上可以运行,别人的电脑上不行” 的情况,并且通常需要花费大量时间定为与解决。

有时候就会遇到这种情况,完整可运行的项目上传到 git 上,别人 pull 下来以后,npm install 会报错。

Yarn 一开始的主要目标是解决由于语义版本控制而导致的 npm 安装的不确定性问题。虽然可以用 npm shrinkwrap 来实现可预测的依赖关系树,但它并不是默认选项,而是取决于所有的开发人员指导并启用这个选项。

npm 5+ 以后的版本加入了 package-lock.json 可以用来锁版本,package-lock.json 的名字,一看就懂,更清楚,但是不向后兼容。

npm-shrinkwrap.json 向后兼容 npm 2-4。

举个例子:
npm 对包引入顺序也十分的敏感,比如在一个空项目里执行以下命令:

npm init -y npm install globule@0.1.0 -S npm install babel-generator@6.19.0 -S npm install babel-helper-define-map@6.18.0 -S 1234

我们这里安装了 3 个包都依赖于 lodash,不过 globule 依赖 lodash@1.0.3,另外另个依赖 lodash@4.x。
现在目录依赖结构如下:
npm-package

这是假设我们在项目里使用 lodash,但是忘记重新安装 lodash

var lodash = require('lodash') console.log(lodash.VERSION) // v1.0.3 12

另一个同事获取项目代码,执行 npm install,这时的目录依赖结构里面,第一层依赖的 lodash 变成了 4.x 版本,这样就造成了依赖版本不一致的问题。而 yarn 则会保证无论怎样引入的顺序,目录依赖结构都是一致的,确保不会发生这样的 BUG。

什么是 Yarn

Yarn 就是一个类似于 npm 的包管理工具,它是由 facebook 推出并开源。

与 npm 相比,yarn 有着众多的优势,主要的优势在于:速度快、离线模式、版本控制。

速度快

npm 会等一个包完全安装完才跳到下一个包,但 yarn 会并行执行包,因此速度会快很多。

Yarn 会缓存它下载的每个包,所以无需重复下载。它还能并行化操作以最大化资源利用率,安装速度之快前所未有。

离线模式

之前安装过的包会被保存进缓存目录,以后安装就直接从缓存中复制过来,这样做的本质还是会提高安装下载的速度,避免不必要的网络请求。

可靠可确定性

保证各平台依赖的一致性

网络优化

力求网络资源最大利用化,让资源下载完美队列执行,避免大量的无用请求,下载失败会自动重新请求,避免整个安装过程失败

扁平化模式

对于不匹配的依赖版本的包创立一个独立的包,避免创建重复的。
对于多个包依赖同一个子包的情况,yarn 会尽量提取为同一个包,防止出现多处副本,浪费空间。

版本控制

npm 用下来比较强的一个痛点就是:当包的依赖层次比较深时,版本控制不够精确。会出现相同 package.json,但不同人的电脑上安装出不同版本的依赖包,出现类似 “我的电脑上可以运行,别人的电脑上不行” 的 bug 很难查找。你可以使用 npm-shrinkwrap 来实现版本固化,版本信息会写入 npm-shrinkwrap.json 文件中,但它毕竟不是 npm 的标准配置。

而 yarn 天生就能实现版本固化。会生成一个类似 npm-shrinkwrap.json 的 yarn.lock 文件,而文件内会描述包自身的版本号,还会锁定所有它依赖的包的版本号:

"@babel/code-frame@7.0.0-beta.47": version "7.0.0-beta.47" resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0-beta.47.tgz#d18c2f4c4ba8d093a2bcfab5616593bfe2441a27" dependencies: "@babel/highlight" "7.0.0-beta.47" 12345

yarn.lock 存储着你的每个包的确切依赖版本,能确保从本地开发到生产环境,所有机器上都有精确相同的依赖版本。

其他关于 Yarn 的介绍

我们在使用 Yarn 时,依然要访问 npm 仓库,但 Yarn 能够更快速地安装软件包和管理依赖关系,并且可以在跨机器或者无网络的安全环境中保持代码的一致性。

Yarn 安装

windows

在 Yarn 中文网可以找到 window 下的三种安装方法:

yarn-install

不过我觉得这三种方法都不好用,快速好用的安装方法应该还是使用 npm 来安装:

npm install -g yarn 1

关于为什么使用 -g,以及 -g 会带来哪来影响,这个可以看我的这篇文章:npm详细介绍,里面详细介绍了为什么要使用 -g,以及 -g 的作用。

mac

方式一

npm install -g yarn 1

如果有报: Please try running this command again as root/Administrator.,可能就是权限不足,因此你需要切换到最高权限去执行命令

sudo -s npm install yarn -g 12 方式二

使用另一种初始化脚本的方法,可能就会比较简单一些:

curl -o- -L https://yarnpkg.com/install.sh | bash 1

Yarn 换源

使用 Yarn 来安装依赖时的体验比 Npm 要好很多;但是偶尔也会存在 Yarn 源仓库包下载不稳定的情况

// 查看 yarn 配置 yarn config get registry 或者 yarn config list > registry: 'https://registry.yarnpkg.com' 123456

一、临时修改

yarn add 软件名 --registry https://registry.npm.taobao.org/ 1

二、全局修改,安装淘宝镜像

yarn config set registry https://registry.npm.taobao.org 1

三、使用第三方软件快速修改、切换 yarn 镜像源
yrm (YARN registry manager) 不仅可以快速切换镜像源,还可以测试自己网络访问不同源的速度

# 安装 yrm npm install -g yrm # 列出当前可用的所有镜像源 yrm ls // npm ----- https://registry.npmjs.org/ // cnpm ---- http://r.cnpmjs.org/ // taobao -- https://registry.npm.taobao.org/ // nj ------ https://registry.nodejitsu.com/ // rednpm -- http://registry.mirror.cqupt.edu.cn // skimdb -- https://skimdb.npmjs.com/registry // yarn ---- https://registry.yarnpkg.com # 使用淘宝镜像源 yrm use taobao # 测试访问速度 yrm test taobao

12345678910111213141516171819

Yarn 常用命令

npm install === yarn —— install安装是默认行为

npm install taco --save === yarn add taco —— taco包立即被保存到 package.json 中。

npm uninstall taco --save === yarn remove taco

npm install taco --save-dev === yarn add taco --dev

npm update --save === yarn upgrade

npm install taco@latest --save === yarn add taco

npm install taco --global === yarn global add taco —— 一如既往,请谨慎使用 global 标记。

注意:使用 yarn 或 yarn install 安装全部依赖时是根据 package.json 里的 dependencies 字段来决定的

npm init === yarn init

npm init --yes/-y === yarn init --yes/-y

npm link === yarn link

npm outdated === yarn outdated

npm publish === yarn publish

npm run === yarn run

npm cache clean === yarn cache clean

npm login === yarn login

npm test === yarn test

Yarn 独有的命令

yarn licenses ls —— 允许你检查依赖的许可信息yarn licenses generate —— 自动创建依赖免责声明 licenseyarn why taco —— 检查为什么会安装 taco,详细列出依赖它的其他包yarn why vuepress —— 检查为什么会安装 vuepress,详细列出依赖它的其他包

特性

Yarn 除了让安装过程变得更快与更可靠,还添加了一些额外的特性,从而进一步简化依赖管理的工作流。

同时兼容 npm 与 bower 工作流,并支持两种软件仓库混合使用可以限制已安装模块的协议,并提供方法输出协议信息提供一套稳定的共有 JS API,用于记录构建工具的输出信息可读、最小化、美观的 CLI 输出信息

推荐阅读

npm详细介绍

---------------------------(正文完)------------------------------------
一个前端的学习交流群,想进来面基的,可以加群:

或者手动search群号:832485817

写在最后: 约定优于配置-------软件开发的简约原则.
-------------------------------- (完)--------------------------------------

我的:
个人网站: https://neveryu.github.io/neveryu/
Github: https://github.com/Neveryu
新浪微博: https://weibo.com/Neveryu

更多学习资源请关注我的新浪微博…

相关知识

R软件安装详细教程
VS Code Pets 安装与配置完全指南
虎皮鹦鹉繁殖箱安装攻略,详细步骤来了!
乌龟使用氟苯尼考用量、方法详细介绍(2)
博宇鱼缸过滤器安装视频:博宇鱼缸过滤器安装指南
乌龟使用氟苯尼考用量、方法详细介绍
全民养宠物:详细安装与精准配置指南,带你开启萌宠养成之旅
旋转飞镖怎么安装
宠物在线领养系统顶层数据流图
宠物商店系统的数据流图

网址: Yarn 安装与使用详细介绍 https://m.mcbbbk.com/newsview992409.html

所属分类:萌宠日常
上一篇: nat123下载
下一篇: Docker环境操作FTP 报错