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。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/412680.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

下一代 Vue3 Devtools 正式开源

什么是 Vue DevTools Vue DevTools 是一个旨在增强 Vue 开发人员体验的工具,它提供了一些功能来帮助开发者更好地了解 Vue 应用程序。 Vue DevTools:Unleash Vue Developer Experience. Enhance your Vue development journey with an amazing experience! 典型的功能特征包…

【数据结构】二叉树(遍历,递归)

&#x1f308;个人主页&#xff1a;秦jh__https://blog.csdn.net/qinjh_?spm1010.2135.3001.5343&#x1f525; 系列专栏&#xff1a;《数据结构》https://blog.csdn.net/qinjh_/category_12536791.html?spm1001.2014.3001.5482 ​​​ 目录 二叉树遍历规则 前序遍历 ​…

day-13 拿出最少数目的魔法豆

思路 将beans的每个数值当做袋子最后豆子剩余数&#xff0c;选择取豆子最少的一种方案 解题方法 //从小到大&#xff0c;将每个beans[i]作为剩余豆子数 //对于beans[i]&#xff0c;i之前的全为零&#xff0c;i之后的全变为beans[i] ansMath.min(ans,sum-(beans.length-i)*bean…

尚无忧【无人共享空间 saas 系统源码】无人共享棋牌室系统源码共享自习室系统源码,共享茶室系统源码

可saas多开&#xff0c;非常方便&#xff0c;大大降低了上线成本 UNIAPPthinkphpmysql 独立开源&#xff01; 1、定位功能&#xff1a;可定位附近是否有店 2、能通过关键字搜索现有的店铺 3、个性轮播图展示&#xff0c;系统公告消息提醒 4、个性化功能展示&#xff0c;智能…

CNN:Convolutional Neural Network(下)

目录 1 CNN 学到的是什么 1.1 Convolution 中的参数 1.2 FFN 中的参数 1.3 Output 2 Deep Dream 3 Deep Style 4 More Application 4.1 AlphaGo 4.2 Speech 4.3 Text 原视频&#xff1a;李宏毅 2020&#xff1a;Convolutional Neural Network 本博客属于学…

【SpringBoot】Bean 是什么?

感兴趣的话&#xff0c;可以看我另外一篇关于 Bean 的文章&#xff1a;【Java基础】Spring 中 Bean 的理解与使用 一、Bean 定义 Bean 作为 Spring 框架面试中不可或缺的概念&#xff0c;其本质上是指代任何被 Spring 加载生成出来的对象。&#xff08;本质上区别于 Java Bea…

[Python] 如何通过ctypes库来调用C++ 动态库 DLL?

ctypes库介绍 ctypes是Python的一个外部库,它提供了一种灵活的方式来调用C语言的动态链接库(DLL)或共享库(SO)。通过ctypes,我们可以在Python中直接调用C语言编写的函数和变量,从而实现跨语言的互操作。 ctypes 它提供了与 C 兼容的数据类型,并允许调用 DLL 或共享库中的…

安卓应用无法拉起部分机型微信支付

错误提示&#xff1a; 2024-01-11 09:01:01.878 11754-11754 MicroMsg.S...ApiImplV10 com.bm.read E register app failed for wechat app signature check failed 2024-01-11 09:01:01.879 11754-11754 MicroMsg.S...ApiImplV10 com.bm.read E s…

阿里云 linux Centos7 安装 Miniconda3 + 创建Python环境

1.下载miniconda &#xff08;1&#xff09;法一&#xff1a;可以去下载清华源的miniconda镜像源&#xff0c;选择自己需要的版本&#xff0c;然后上传到Linux服务器上&#xff0c;linux上使用请选择linux版本&#xff0c;如下&#xff1a; &#xff08;2&#xff09;法二&…

Vue-26、Vue内置指令v-cloak与v-once以及v-pre

1、v-cloak 本质上是一个特殊属性&#xff0c;Vue实例创建完毕并接管容器后&#xff0c;会删掉v-cloak属性使用css配合v-cloak可以解决网速慢时页面展示出{{xxx}}的问题 代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF…

阿里云服务器地域所在位置的详细解释

2024年阿里云服务器地域分布表&#xff0c;地域指数据中心所在的地理区域&#xff0c;通常按照数据中心所在的城市划分&#xff0c;例如华北2&#xff08;北京&#xff09;地域表示数据中心所在的城市是北京。阿里云地域分为四部分即中国、亚太其他国家、欧洲与美洲和中东&…

数据库MySQL----索引及视图

学生表&#xff1a;Student (Sno, Sname, Ssex , Sage, Sdept) 学号&#xff0c;姓名&#xff0c;性别&#xff0c;年龄&#xff0c;所在系 Sno为主键 课程表&#xff1a;Course (Cno, Cname,) 课程号&#xff0c;课程名 Cno为主键 学生选课表&#xff1a;SC (Sno, Cno, Score)…