当前位置: 首页 > news >正文

yarn包管理器在添加、更新、删除模块时,在项目中是如何体现的

技术很久不用,就变得生疏起来。对npm深受其害,决定对yarn再整理一遍。

yarn包管理器

  • 介绍
  • 安装yarn
  • 帮助信息
  • 最常用命令

介绍

yarn官网:https://yarn.bootcss.com,学任何技术的最新知识,都可以通过其对应的网站了解。无法直接访问,那就只能科学上网了。

在这里插入图片描述

安装yarn

–global 或 -g选项很重要,表示全局安装,后期本机各个项目都得用这个包管理器

# 安装命令
npm install --global yarn

帮助信息

不管在哪个操作系统(Linux、Windows、Mac还是其它),一般都是可以应用命令 -h或者命令 --help获得命令的帮助信息。

F:\yarn>yarn -hUsage: yarn [command] [flags]Displays help information.Options:--cache-folder <path>               specify a custom folder that must be used to store the yarn cache--check-files                       install will verify file tree of packages for consistency--cwd <cwd>                         working directory to use (default: F:\yarn)--disable-pnp                       disable the Plug'n'Play installation--emoji [bool]                      enable emoji in output (default: false)--enable-pnp, --pnp                 enable the Plug'n'Play installation--flat                              only allow one version of a package--focus                             Focus on a single workspace by installing remote copies of its sibling workspaces.--force                             install and build packages even if they were built before, overwrite lockfile--frozen-lockfile                   don't generate a lockfile and fail if an update is needed--global-folder <path>              specify a custom folder to store global packages--har                               save HAR output of network traffic--https-proxy <host>--ignore-engines                    ignore engines check--ignore-optional                   ignore optional dependencies--ignore-platform                   ignore platform checks--ignore-scripts                    don't run lifecycle scripts--json                              format Yarn log messages as lines of JSON (see jsonlines.org)--link-duplicates                   create hardlinks to the repeated modules in node_modules--link-folder <path>                specify a custom folder to store global links--modules-folder <path>             rather than installing modules into the node_modules folder relative to the cwd, output them here--mutex <type>[:specifier]          use a mutex to ensure only one yarn instance is executing--network-concurrency <number>      maximum number of concurrent network requests--network-timeout <milliseconds>    TCP timeout for network requests--no-bin-links                      don't generate bin links when setting up packages--no-default-rc                     prevent Yarn from automatically detecting yarnrc and npmrc files--no-lockfile                       don't read or generate a lockfile--non-interactive                   do not show interactive prompts--no-node-version-check             do not warn when using a potentially unsupported Node version--no-progress                       disable progress bar--offline                           trigger an error if any required dependencies are not available in local cache--otp <otpcode>                     one-time password for two factor authentication--prefer-offline                    use network only if dependencies are not available in local cache--preferred-cache-folder <path>     specify a custom folder to store the yarn cache if possible--prod, --production [prod]--proxy <host>--pure-lockfile                     don't generate a lockfile--registry <url>                    override configuration registry-s, --silent                        skip Yarn console logs, other types of logs (script output) will be printed--scripts-prepend-node-path [bool]  prepend the node executable dir to the PATH in scripts--skip-integrity-check              run install without checking if node_modules is installed--strict-semver--update-checksums                  update package checksums from current repository--use-yarnrc <path>                 specifies a yarnrc file that Yarn should use (.yarnrc only, not .npmrc) (default: )-v, --version                       output the version number--verbose                           output verbose messages on internal operations-h, --help                          output usage informationCommands:- access- add- audit- autoclean- bin- cache- check- config- create- exec- generate-lock-entry / generateLockEntry- global- help- import- info- init- install- licenses- link- list- login- logout- node- outdated- owner- pack- policies- publish- remove- run- tag- team- unlink- unplug- upgrade- upgrade-interactive / upgradeInteractive- version- versions- why- workspace- workspacesRun `yarn help COMMAND` for more information on specific commands.Visit https://yarnpkg.com/en/docs/cli/ to learn more about Yarn.

通过帮助信息,一般可以了解该工具有哪些命令,哪些选项了。

最常用命令

1、初始化一个新项目

yarn init

一般会生成一个package.json文件,默认情况下,文件如下:

{"name": "yarn","version": "1.0.0","main": "index.js","license": "MIT"
}

yarn使用package.json文件来标识每个包,其含义看配置文档。
在这里插入图片描述

2、安装所有依赖项

yarn
yarn install

会多出来一个node_modules目录(用来存在后期安装的依赖文件)和yarn.lock文件。yarn.lock文件是用来固化依赖,提交代码时,也应该一同提交。
在这里插入图片描述
3、添加依赖项
一次性也可以添加多个依赖项

yarn add [package]
yarn add [package1] [package2] [package3]
yarn add [package]@[version]
yarn add [package]@[tag]

不指定版本,一般安装的是最新版本,以安装jquery模块为例
在这里插入图片描述
安装好以后,node_modules和package.json都有体现
在这里插入图片描述
可以去https://www.npmjs.com/搜索查询jquery,查看可用历史版本
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

注意:一个项目相同模块,只会存在一个。例如jquery3.7.1和jquery3.5.0在一个项目不可能同时存在。

添加不同类型依赖项

  • dependencies,普通依赖项,运行项目时需要用到的依赖。不管是在开发还是生产都需要用得到,比如jquery

    # 普通依赖项用--save
    yarn add jquery --save
    
  • devDependencies,开发依赖项。开发时使用到的依赖,生产不需要,如Babel(ES6转ES5)

    # 开发依赖项,--save-dev
    yarn add jquery --save-dev
    
  • peerDependencies,对等依赖,发布依赖包时使用。

  • optionalDependencies,可选依赖。可选的依赖包,如果此包安装失败,Yarn依然会提示安装进程成功。

  • bundledDependencies,要打包的依赖/捆绑依赖。

4、删除依赖项

yarn remove [package] 

在这里插入图片描述
在这里插入图片描述

小结:

这个博客主要记录测试添加、更新、删除依赖项,依赖项的操作在项目中的变化和体现,yarn包管理器其它操作同npm。

相关文章:

yarn包管理器在添加、更新、删除模块时,在项目中是如何体现的

技术很久不用&#xff0c;就变得生疏起来。对npm深受其害&#xff0c;决定对yarn再整理一遍。 yarn包管理器 介绍安装yarn帮助信息最常用命令 介绍 yarn官网&#xff1a;https://yarn.bootcss.com&#xff0c;学任何技术的最新知识&#xff0c;都可以通过其对应的网站了解。无…...

React实现Intro效果(基础简单)

下载&#xff1a;利用Intro.js实现简单的新手引导 npm install intro.js --save yarn add intro.js 第一步&#xff1a;在我们需要引导的页面引入 import introJs from intro.js; import intro.js/introjs.css; //css是下载成功后就有的 第二步&#xff1a;在组件页面 c…...

HBuilderx发布苹果的包需要注意什么

在HBuilderX中发布苹果的包&#xff0c;需要注意以下几点&#xff1a; 开发者账号注册&#xff1a;在发布应用到App Store之前&#xff0c;需要先注册一个苹果开发者账号。注册过程较为繁琐&#xff0c;需要提供个人信息并支付年费。应用标识和证书&#xff1a;在发布iOS应用之…...

烟火检测/周界入侵/视频智能识别AI智能分析网关V4如何配置ONVIF摄像机接入

AI边缘计算智能分析网关V4性能高、功耗低、检测速度快&#xff0c;易安装、易维护&#xff0c;硬件内置了近40种AI算法模型&#xff0c;支持对接入的视频图像进行人、车、物、行为等实时检测分析&#xff0c;上报识别结果&#xff0c;并能进行语音告警播放。算法可按需组合、按…...

C++ 内联函数

C 内联函数是通常与类一起使用。如果一个函数是内联的&#xff0c;那么在编译时&#xff0c;编译器会把该函数的代码副本放置在每个调用该函数的地方。 对内联函数进行任何修改&#xff0c;都需要重新编译函数的所有客户端&#xff0c;因为编译器需要重新更换一次所有的代码&a…...

微信小程序带参数分享界面、打开界面加载分享内容

分享功能是微信小程序常用功能之一&#xff0c;带参分享和加载可以让分享对象打开界面时看到和分享内容。 带参分享 用户点击微信小程序右上角自带分享&#xff0c;或者点击自定义分享按钮进行分享时&#xff0c;可在onShareAppMessage函数定义分享行为。 分享界面路径可带参…...

中小企业选择CRM系统有哪些注意事项?如何高效实施CRM

阅读本文&#xff0c;你将了解&#xff1a;一、中小型企业对CRM系统的主要需求&#xff1b;二、CRM系统实施策略和优秀实践。 在快速变化的商业环境中&#xff0c;中小型企业面临着独特的挑战&#xff1a;如何在有限的资源下高效地管理客户关系、提升销售效率&#xff0c;保持…...

轮胎侧偏刚度线性插值方法

一、trucksim取数据 步骤一 步骤二 二、数据导入到matlab中 利用simulink的look up table模块 1是侧偏角&#xff1b;2是垂直载荷&#xff1b;输出是侧向力。 侧向力除以侧偏角就是实时的侧偏刚度。...

前端JS代码中Object类型数据的相关知识

获取Object类型数据的方式有两种&#xff1a; 方括号获取&#xff1a;Object["arg1"]点获取&#xff1a;Object.arg1 前端遍历Object类型数据的方式 遍历JavaScript中的对象有几种方法&#xff0c;包括使用for…in循环、Object.keys()方法、Object.values()方法和…...

vue基于Spring Boot共享单车租赁报修信息系统

共享单车信息系统分为二个部分&#xff0c;即管理员和用户。该系统是根据用户的实际需求开发的&#xff0c;贴近生活。从管理员处获得的指定账号和密码可用于进入系统和使用相关的系统应用程序。管理员拥有最大的权限&#xff0c;其次是用户。管理员一般负责整个系统的运行维护…...

CentOS 6.10 安装图解

特特特别的说明 CentOS发行版已经不再适合应用于生产环境&#xff0c;客观条件不得不用的话&#xff0c;优选7.9版本&#xff0c;8.5版本次之&#xff0c;最次6.10版本&#xff08;比如说Oracle 11GR2就建议在6版本上部署&#xff09;&#xff01; 引导和开始安装 选择倒计时结…...

Web自动化测试中的接口测试

1、背景 1.1 Web程序中的接口 1.1.1 典型的Web设计架构 web是实现了基于网络通信的浏览器客户端与远程服务器进行交互的应用&#xff0c;通常包括两部分&#xff1a;web服务器和web客户端。web客户端的应用有html&#xff0c;JavaScript&#xff0c;ajax&#xff0c;flash等&am…...

轻松识别Midjourney等AI生成图片,开源GenImage

AIGC时代&#xff0c;人人都可以使用Midjourney、Stable Diffusion等AI产品生成高质量图片&#xff0c;其逼真程度肉眼难以区分真假。这种虚假照片有时会对社会产生不良影响&#xff0c;例如&#xff0c;生成公众人物不雅图片用于散播谣言&#xff1b;合成虚假图片用于金融欺诈…...

ARP相关

ARP报文格式&#xff1a; 目的以太网地址&#xff0c;48bit&#xff0c;发送ARP请求时&#xff0c;目的以太网地址为广播MAC地址&#xff0c;即0xFF.FF.FF.FF.FF.FF。 源以太网地址&#xff0c;48bit。 帧类型&#xff0c;对于ARP请求或者应答&#xff0c;该字段的值都为0x08…...

uniapp打包配置 (安卓+ios)

TOC 基础配置 HBuilderX中打开项目的manifest.json文件&#xff0c;在“基础配置”中可以设置App的应用名称、版本号等信息&#xff1a; 应用标识 DCloud应用appid&#xff08;简称appid&#xff09;是由DCloud创建App项目时生成的唯一标识&#xff0c;关联DCloud云端服务&…...

【算法优选】 动态规划之简单多状态dp问题——壹

文章目录 &#x1f38b;前言&#x1f38d;[按摩师](https://leetcode.cn/problems/the-masseuse-lcci/)&#x1f6a9;题目描述&#x1f6a9;算法思路&#xff1a;&#x1f6a9;代码实现 &#x1f340;[打家劫舍二](https://leetcode.cn/problems/house-robber-ii/description/)…...

Git学习笔记(第2章):Git安装

官网地址&#xff1a;Githttps://git-scm.com/ Step1&#xff1a;查看Git的GNU协议 → 点击“Next” Step2&#xff1a;设置Git的安装位置(非中文、无空格的目录) → 点击“Next” Step3&#xff1a;选择Git的选项配置(推荐默认设置) → 点击“Next” Step4&#xff1a;设置Git…...

C生万物呀

1、快捷键 快捷键描述ctrl滚轮字体变大小ctrlKC注释ctrlKU取消注释home行首end行末 2、C语言标准库函数 stdio.h&#xff1a;包含了输入输出相关的函数&#xff0c;如printf()、scanf()、fgets()等。 stdlib.h&#xff1a;包含了通用工具函数&#xff0c;如malloc()、free()…...

华纳云:怎么解决docker容器一直处于重启状态的问题?

Docker容器一直处于重启状态可能是由于容器内部的问题导致的。以下是一些建议&#xff0c;帮助你解决这个问题&#xff1a; 查看容器日志&#xff1a; 使用以下命令查看容器的日志&#xff0c;以便获取更多信息&#xff1a; docker logs 查看日志可能会提供容器启动时的错误信息…...

react native android使用命令生成打包签名密钥

一、概述 Android 要求所有应用都有一个数字签名才会被允许安装在用户手机上&#xff0c;所以在把应用发布到应用市场之前&#xff0c;你需要先生成一个签名的 AAB 或 APK 包&#xff08;Google Play 现在要求 AAB 格式&#xff0c;而国内的应用市场目前仅支持 APK 格式。但无论…...

Chapter03-Authentication vulnerabilities

文章目录 1. 身份验证简介1.1 What is authentication1.2 difference between authentication and authorization1.3 身份验证机制失效的原因1.4 身份验证机制失效的影响 2. 基于登录功能的漏洞2.1 密码爆破2.2 用户名枚举2.3 有缺陷的暴力破解防护2.3.1 如果用户登录尝试失败次…...

调用支付宝接口响应40004 SYSTEM_ERROR问题排查

在对接支付宝API的时候&#xff0c;遇到了一些问题&#xff0c;记录一下排查过程。 Body:{"datadigital_fincloud_generalsaas_face_certify_initialize_response":{"msg":"Business Failed","code":"40004","sub_msg…...

从零实现富文本编辑器#5-编辑器选区模型的状态结构表达

先前我们总结了浏览器选区模型的交互策略&#xff0c;并且实现了基本的选区操作&#xff0c;还调研了自绘选区的实现。那么相对的&#xff0c;我们还需要设计编辑器的选区表达&#xff0c;也可以称为模型选区。编辑器中应用变更时的操作范围&#xff0c;就是以模型选区为基准来…...

Robots.txt 文件

什么是robots.txt&#xff1f; robots.txt 是一个位于网站根目录下的文本文件&#xff08;如&#xff1a;https://example.com/robots.txt&#xff09;&#xff0c;它用于指导网络爬虫&#xff08;如搜索引擎的蜘蛛程序&#xff09;如何抓取该网站的内容。这个文件遵循 Robots…...

Spring Boot+Neo4j知识图谱实战:3步搭建智能关系网络!

一、引言 在数据驱动的背景下&#xff0c;知识图谱凭借其高效的信息组织能力&#xff0c;正逐步成为各行业应用的关键技术。本文聚焦 Spring Boot与Neo4j图数据库的技术结合&#xff0c;探讨知识图谱开发的实现细节&#xff0c;帮助读者掌握该技术栈在实际项目中的落地方法。 …...

uniapp中使用aixos 报错

问题&#xff1a; 在uniapp中使用aixos&#xff0c;运行后报如下错误&#xff1a; AxiosError: There is no suitable adapter to dispatch the request since : - adapter xhr is not supported by the environment - adapter http is not available in the build 解决方案&…...

DingDing机器人群消息推送

文章目录 1 新建机器人2 API文档说明3 代码编写 1 新建机器人 点击群设置 下滑到群管理的机器人&#xff0c;点击进入 添加机器人 选择自定义Webhook服务 点击添加 设置安全设置&#xff0c;详见说明文档 成功后&#xff0c;记录Webhook 2 API文档说明 点击设置说明 查看自…...

深入理解Optional:处理空指针异常

1. 使用Optional处理可能为空的集合 在Java开发中&#xff0c;集合判空是一个常见但容易出错的场景。传统方式虽然可行&#xff0c;但存在一些潜在问题&#xff1a; // 传统判空方式 if (!CollectionUtils.isEmpty(userInfoList)) {for (UserInfo userInfo : userInfoList) {…...

MySQL 主从同步异常处理

阅读原文&#xff1a;https://www.xiaozaoshu.top/articles/mysql-m-s-update-pk MySQL 做双主&#xff0c;遇到的这个错误&#xff1a; Could not execute Update_rows event on table ... Error_code: 1032是 MySQL 主从复制时的经典错误之一&#xff0c;通常表示&#xff…...

go 里面的指针

指针 在 Go 中&#xff0c;指针&#xff08;pointer&#xff09;是一个变量的内存地址&#xff0c;就像 C 语言那样&#xff1a; a : 10 p : &a // p 是一个指向 a 的指针 fmt.Println(*p) // 输出 10&#xff0c;通过指针解引用• &a 表示获取变量 a 的地址 p 表示…...