목차
1. yarn简介
2. yarn安装与更新
3. 镜像管理
4. yarn使用
웹 프론트엔드 JS 튜토리얼 JS 패키지 관리 도구를 간략하게 분석한 기사: Yarn

JS 패키지 관리 도구를 간략하게 분석한 기사: Yarn

Aug 09, 2022 pm 03:49 PM
패키지 관리 도구 yarn

yarn  和 npm  一样也是 JavaScript  包管理工具,下面本篇文章就来带大家了解一下yarn包管理工具,希望对大家有所帮助!

JS 패키지 관리 도구를 간략하게 분석한 기사: Yarn

1. yarn简介

Yarnfacebook 发布的一款取代 npm 的包管理工具

  • 速度超快 —— Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快
  • 超级安全 —— 在执行代码之前,Yarn 会通过算法校验每个安装包的完整性
  • 超级可靠 —— 使用详细、简洁的锁文件格式和明确的安装算法,Yarn 能够保证在不同系统上无差异的工作

2. yarn安装与更新

2-1 全局安装

通过 npm install -g 全局去安装 yarn 包管理工具,默认安装的版本是 yarn 1 版本

# 全局安装
npm install -g yarn

# 查看yran安装版本
yarn --version

# 显示命令列表
yarn help
로그인 후 복사

2-2 项目安装

在项目中需要使用 yarn 2,可以在项目更目录安装333

“Berry” 是 Yarn 2 发布序列的代号,同时也是我们的 代码仓库 的名称!

yarn set version berry
로그인 후 복사

2-3 yarn更新

yarn 更新到最新版本,yarn 会从我们的网站下载最新的二进制文件,并将其安装在您的项目中

将项目中的包管理工具升级为 Yarn 2,此后如果需要对此 Yarn 2 进行升级,则可以使用 yarn set version latest 进行升级,否则仍是对 Yarn 1 进行操作

yarn set version latest
로그인 후 복사

2-4 安装maste分支最新版

尝试最新的 master 代码分支

yarn set version from sources
로그인 후 복사

可以使用 --branch 参数来指定要安装特定的分支节点

yarn set version from sources --branch 1211
로그인 후 복사

3. 镜像管理

3-1 安装淘宝镜像

修改国内镜像后可以加快软件包安装速度

查看当前使用的镜像

yarn config get registry
로그인 후 복사

添加 yarn 的淘宝镜像

yarn config set registry https://registry.npm.taobao.org -g

# 恢复默认
yarn config set registry http://registry.npmjs.org/

# 安装sass
yarn config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
로그인 후 복사

3-2 yrm镜像管理

yrm 是管理镜像的工具,可以列出可以使用的镜像,非常方便

安装 yrm

npm install -g yrm
로그인 후 복사

列出可以使用的镜像

yrm ls
로그인 후 복사

使用淘宝镜像

yrm use taobao
로그인 후 복사

测试镜像速度

yrm test taobao
로그인 후 복사

4. yarn使用

4-1 初始化项目

yarn init 用来初始化生成一个新的 package.json 文件

D:\My Study\08-Node.js\02-yarn>yarn init
yarn init v1.22.19
question name (02-yarn): yarn-init
question version (1.0.0):
question description: 初始化配置
question entry point (index.js):
question repository url:
question author (jsx <2738389567@qq.com> (https://github.com/xiaofeilalala)):
question license (MIT):
question private:
success Saved package.json
Done in 29.32s.
로그인 후 복사
{
  "name": "yarn-init",
  "version": "1.0.0",
  "description": "初始化配置",
  "main": "index.js",
  "author": "jsx <2738389567@qq.com> (https://github.com/xiaofeilalala)",
  "license": "MIT"
}
로그인 후 복사

4-2 设置配置项

通过 yarn config 去设置显示删除配置项

yarn config list // 显示所有配置项
yarn config get <key> //显示某配置项
yarn config delete <key> //删除某配置项
yarn config set <key> <value> [-g|--global] //设置配置项
로그인 후 복사

4-3 安装依赖

安装所有依赖

yarn install
로그인 후 복사

强制重新下载所有包

yarn install --force
로그인 후 복사

添加依赖项,会自动更新到 package.jsonyarn.lock 文件中

# 安装最新版本
yarn add [packageName] 

# 安装指定版本
yarn add [packageName]@<version>

# 安装指定tag版本 beta,next或者latest
yarn add [packageName]@<tag>
로그인 후 복사

安装包的精确版本,例如: yarn add foo@1.2.3 会接受 1.9.1 版本,但是 yarn add foo@1.2.3 --exact 只能安装指定 1.2.3 版本

 yarn add [packageName]@<version> --exact
 yarn add [packageName]@<version> -E
로그인 후 복사

安装包的次要版本里的最新版,例如:yarn add foo@1.2.3 --title 会接受 1.2.9,但不接受 1.3.0

yarn add [packageName]@<version> --title
yarn add [packageName]@<version> -T
로그인 후 복사

4-4 不同依赖类

在一个 Node.js 项目中,package.json 几乎是一个必须的文件,它的主要作用就是管理项目中所使用到的外部依赖包,同时它也是 npm 命令的入口文件

npm 目前支持以下几类依赖包管理:

  • dependencies
  • devDependencies
  • peerDependencies
  • optionalDependencies
  • bundledDependencies / bundleDependencies

dependencies

应用依赖,或者叫做业务依赖,这是我们最常用的依赖包管理对象!它用于指定应用依赖的外部包,这些依赖是应用发布后正常执行时所需要的,但不包含测试时或者本地打包时所使用的包。

devDependencies

开发环境依赖,仅次于 dependencies 的使用频率!它的对象定义和 dependencies 一样,只不过它里面的包只用于开发环境,不用于生产环境,这些包通常是单元测试或者打包工具等,例如gulp, grunt, webpack, moca, coffee

peerDependencies

同等依赖,或者叫同伴依赖,用于指定当前包(也就是你写的包)兼容的宿主版本。如何理解呢? 试想一下,我们编写一个 gulp 的插件,而 gulp 却有多个主版本,我们只想兼容最新的版本,此时就可以用同等依赖(peerDependencies)来指定

optionalDependencies

可选依赖,如果有一些依赖包即使安装失败,项目仍然能够运行或者希望npm继续运行,就可以使用 optionalDependencies。另外optionalDependencies 会覆盖 dependencies 中的同名依赖包,所以不要在两个地方都写

bundledDependencies / bundleDependencies

打包依赖,bundledDependencies 是一个包含依赖包名的数组对象,在发布时会将这个对象中的包打包到最终的发布包里

不指定依赖类型默认安装到 dependencies 里,你也可以指定依赖类型

# 添加到 devDependencies 依赖项
yarn add [package]@[version] --dev
yarn add [package]@[version] -D

# 添加到 peerDependencies 依赖项
yarn add [package]@[version] --peer
yarn add [package]@[version] -P

# 添加到 optionalDependencies 依赖项
yarn add [package]@[version] --optional
yarn add [package]@[version] -O
로그인 후 복사

4-5 升级依赖

根据需要将安装好的依赖包进行升级

# 更新所有软件包
yarn up

# 升级到最新版本
yarn up [packageName]

# 升级到指定版本
yarn up [packageName]@[version]

# 升级到指定tag版本
yarn up [packageName]@[tag]
로그인 후 복사

4-6 删除依赖

从项目中删除依赖项 dependencies,会自动更新 package.jsonyarn.lock

yarn remove [packageName]
로그인 후 복사

删除 yarn 全局软件包

yarn remove -g [packageName]
로그인 후 복사

4-7 发布模块

yarn publish 用于将当前模块发布到 http://npmjs.com

如果已经注册过,就使用下面的命令登录

yarn login
로그인 후 복사

退出登录 npm 仓库

yarn logout
로그인 후 복사

登录以后,就可以使用 npm publish 命令发布

yarn publish
로그인 후 복사

撤销发布的模块 npm unpublish

# 删除某个版本
yarn unpublish [packageName]@<version>  
# 删除整个npm市场的包
yarn unpublish [packageName] --force
로그인 후 복사

4-8 运行命令

yarn run 用来执行在 package.jsonscripts 属性下定义的脚本

// package.json
{
  "scripts": {
  "dev": "node app.js",
  "start": "node app.js"
  }
}
로그인 후 복사

yarnnpm 一样 可以有 yarn startyarn test 两个简写的运行脚本方式

# yarn 执行 dev 对应的脚本 node app.js
yarn run dev 
npm run

yarn start # yarn
npm start # npm
로그인 후 복사

4-9 缓存控制

列出已缓存的每个包

yarn cache list
로그인 후 복사

全局缓存位置

yarn cache dir
로그인 후 복사

清除缓存

yarn cache clean
로그인 후 복사

4-10 模块信息

yarn info 可以用来查看某个模块的最新版本信息

yarn info [packageName] # yarn 
npm info [packageName] # npm

yarn info [packageName] --json # 输出 json 格式
npm info [packageName]  --json # npm

yarn info [packageName] readme # 输出 README 部分
npm info [packageName] readme
로그인 후 복사

更多编程相关知识,请访问:编程视频!!

위 내용은 JS 패키지 관리 도구를 간략하게 분석한 기사: Yarn의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

JavaScript 패키지 관리자 비교: Npm vs Yarn vs Pnpm JavaScript 패키지 관리자 비교: Npm vs Yarn vs Pnpm Aug 09, 2022 pm 04:22 PM

이 기사에서는 세 가지 JavaScript 패키지 관리자(npm, Yarn, pnpm)를 소개하고, 이 세 가지 패키지 관리자를 비교하고, npm, Yarn 및 pnpm 간의 차이점과 관계에 대해 설명합니다. 모두에게 도움이 되기를 바랍니다. 도와주세요. 질문이 있으면 지적해 주세요!

JS 패키지 관리 도구를 간략하게 분석한 기사: Yarn JS 패키지 관리 도구를 간략하게 분석한 기사: Yarn Aug 09, 2022 pm 03:49 PM

Yarn도 npm과 마찬가지로 JavaScript 패키지 관리 도구입니다. 이번 글에서는 Yarn 패키지 관리 도구를 소개하겠습니다.

C++ 개발 시 종속 라이브러리 설치 문제를 해결하는 방법 C++ 개발 시 종속 라이브러리 설치 문제를 해결하는 방법 Aug 22, 2023 am 11:57 AM

C++ 개발에서 종속 라이브러리 설치 문제를 해결하는 방법 요약: C++ 개발 과정에서 종속 라이브러리를 사용할 때 설치 문제가 자주 발생합니다. 이 기사에서는 다음을 포함하여 C++ 개발에서 종속 라이브러리 설치를 해결하는 몇 가지 일반적인 방법을 소개합니다. 패키지 관리자, 수동 컴파일 및 설치, 미리 컴파일된 바이너리 사용 등 또한 일부 공통 종속 라이브러리에 대한 설치 예와 주의사항도 소개합니다. 키워드: C++ 개발, 종속 라이브러리 설치, 패키지 관리자, 컴파일 및 설치, 미리 컴파일된 바이너리 파일 1. 소개 C++ 개발에서는 종속 라이브러리를 사용하는 것이 매우 일반적입니다.

국내 미러(타오바오 미러)의 npm 구성에 대해 이야기해보겠습니다. 국내 미러(타오바오 미러)의 npm 구성에 대해 이야기해보겠습니다. Aug 09, 2022 pm 12:06 PM

npm은 node.js 라이브러리용 패키지 관리 도구입니다. 미러 주소가 해외이므로 라이브러리 설치가 느려질 수 있습니다. 미러 주소를 국내 주소(타오바오 미러)로 변경하면 설치 속도가 빨라집니다. 도서관.

[컴파일 및 공유] 프론트엔드 개발에 필요한 공통 npm 명령어 [컴파일 및 공유] 프론트엔드 개발에 필요한 공통 npm 명령어 Aug 09, 2022 am 11:29 AM

npm은 노드의 기본 패키지 관리 도구입니다. 프론트 엔드 개발에서 npm의 일반적인 명령을 익히는 것은 문제 해결에 큰 도움이 될 것입니다. 다음 기사에서는 몇 가지 일반적인 npm 지침을 정리하고 공유할 것입니다. 이것이 도움이 되기를 바랍니다.

React 설치 원사가 계속해서 내부 명령이 아니라고 보고하면 어떻게 해야 하나요? React 설치 원사가 계속해서 내부 명령이 아니라고 보고하면 어떻게 해야 하나요? Jan 04, 2023 am 09:24 AM

React 설치 Yarn이 내부 명령이 아니라고 계속 보고하는 문제에 대한 해결책은 다음과 같습니다. 1. "pm uninstall Yarn -g" 명령을 통해 Yarn을 제거합니다. 2. "npm install Yarn"을 사용하여 Yarn을 다시 설치합니다. :\ WINDOWS\system32\node_modules\yarn\bin"; 4. cmd를 다시 열고 "yarn -v" 명령을 실행합니다.

Node.js의 패키지 관리 도구에 대해 알아보는 기사 - npm Node.js의 패키지 관리 도구에 대해 알아보는 기사 - npm Aug 08, 2022 pm 07:51 PM

npm은 Node.js용 패키지 관리 도구입니다. 다음 기사는 Node 패키지 관리 도구인 npm에 대한 심층적인 이해를 제공할 것입니다. 도움이 되기를 바랍니다.

두 가지 강력한 Node 패키지 관리자인 npm 및 Yarn에 대해 알아보세요. 두 가지 강력한 Node 패키지 관리자인 npm 및 Yarn에 대해 알아보세요. Aug 25, 2022 am 11:00 AM

이 기사에서는 Node.js의 두 가지 강력한 패키지 관리자인 npm과 Yarn에 대해 설명하겠습니다. 도움이 되기를 바랍니다.

See all articles