yarn使用以及和npm对比(代码片段)

sugartang sugartang     2023-04-19     402

关键词:

yarn是facebook发布的一款取代npm的包管理工具。

    yarn的特点:

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

     

     

yarn安装:

    macos下安装
        brew install yarn

    下载node.js,使用npm安装
        npm install -g yarn
        yarn --version

    Yarn 淘宝源安装,分别复制粘贴以下代码行到黑窗口运行即可
        yarn config set registry https://registry.npm.taobao.org -g
        yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

yarn常用命令:

    安装yarn
        npm install -g yarn

    安装成功后,查看版本号:
        yarn --version

    全局安装包
        yarn golbal add <package>

创建文件项目

    创建文件夹 yarn
        md yarn
    进入yarn文件夹
        cd yarn
    初始化项目
        yarn init // 同npm init,执行输入信息后,会生成package.json文件

    yarn的配置项:
        yarn config list// 显示所有配置项
        yarn config get <key>//显示某配置项
        yarn config delete <key> //删除某配置项
        yarn config set <key> <value> [-g|--global] //设置配置项
        yarn global list //获取yarn安装包列表

    安装包:
        yarn install //安装package.json里所有包,并将包及它的所有依赖项保存进yarn.lock
        yarn install --flat //安装一个包的单一版本
        yarn install --force //强制重新下载所有包
        yarn install --production //只安装dependencies里的包
        yarn install --no-lockfile//不读取或生成yarn.lock
        yarn install --pure-lockfile //不生成yarn.lock

    添加包(会更新package.json和yarn.lock):

        yarn add [package]// 在当前的项目中添加一个依赖包,会自动更新到package.json和yarn.lock文件中
        yarn add [package]@[version] // 安装指定版本,这里指的是主要版本,如果需要精确到小版本,使用-E参数
        yarn add [package]@[tag] // 安装某个tag(比如beta,next或者latest)

    //不指定依赖类型默认安装到dependencies里,你也可以指定依赖类型:
        yarn add --dev/-D// 加到 devDependencies
        yarn add --peer/-P // 加到 peerDependencies
        yarn add --optional/-O // 加到 optionalDependencies

    //默认安装包的主要版本里的最新版本,下面两个命令可以指定版本:
        yarn add --exact/-E// 安装包的精确版本。例如yarn add foo@1.2.3会接受1.9.1版,但是yarn add foo@1.2.3 --exact只会接受1.2.3版
        yarn add --tilde/-T// 安装包的次要版本里的最新版。例如yarn add foo@1.2.3 --tilde会接受1.2.9,但不接受1.3.0

    发布包
        yarn publish
    移除一个包
        yarn remove <packageName>:移除一个包,会自动更新package.json和yarn.lock

    更新一个依赖
        yarn upgrade用于更新包到基于规范范围的最新版本

    运行脚本
        yarn run 用来执行在 package.json 中 scripts 属性下定义的脚本

    显示某个包的信息
        yarn info <packageName> 可以用来查看某个模块的最新版本信息

    缓存
        yarn cache
        yarn cache list # 列出已缓存的每个包
        yarn cache dir # 返回 全局缓存位置
        yarn cache clean # 清除缓存

yarn和npm比较

技术图片

 

yarn如何全局安装命令以及和环境变量的关系(代码片段)

...globaladdxxx然而你可能会发现npm全局安装后的命令可以直接使用,而yarn却不行,这是为什么呢?我们来查看下npm和yarn的bin目录 bin是binary的缩写,意思是存放二进制可执行文件的目录,比如exe,msi等,而npm,yarn全局安装的命令... 查看详情

npm与yarn常用命令对比(代码片段)

npm与yarn命令对比作为记录,以备查阅npmyarnnpminityarninit//初始化npmi|installyarn(install)//安装依赖包npmix--S|--saveyarnaddx//安装生产依赖并保存包名npmix--D|--save-devyarnaddx-D//安装开发依赖并保存包名npmun|uninstallxyarnremove//删除依赖包npmi-g|np 查看详情

text使用npm和yarn更新包(代码片段)

查看详情

每日技术总结:yarn和npm大pk(代码片段)

...;protected]2.9分分钟装完。是时候列出一个npm和yarn常见命令对比表了参考文档:(1)npm官网命令:htt 查看详情

npm还是yarn?(代码片段)

...篇文章,详细的解释了npm和yarn在性能,安全,支持性和使用难易度上的区别,看完之后这个问题终于有一个答案:如果你在意速度和UI,选yarn,如果你是个保守派,选npm会更加合适。文章地址:https://stackshare.io/stackups/npm-vs-yarn... 查看详情

npm和yarn更改为淘宝镜像(代码片段)

查看registry#npm命令npmconfiggetregistry#yarn命令yarnconfiggetregistry修改为淘宝镜像#npm命令npmconfigsetregistryhttp://registry.npm.taobao.org/#yarn命令yarnconfigsetregistryhttp://registry.npm.taobao.org/修改为原镜像#npm命令n 查看详情

常用npm和yarn命令(代码片段)

源管理yarnconfiggetregistryyarnconfigsetregistryhttps://registry.npm.taobao.org-gyarnconfigsetsass_binary_sitehttp://cdn.npm.taobao.org/dist/node-sass-g 查看详情

yarn和node更改淘宝镜像(代码片段)

NPM、YARN更改淘宝镜像查看当前计算机的下载地址#npm命令npmconfiggetregistry#yarn命令yarnconfiggetregistry修改为淘宝npm镜像#npm命令npmconfigsetregistryhttp://registry.npm.taobao.org/#yarn命令yarnconfigsetregistryhttp://registry.npm.taobao.org/修改为原始地址#npm... 查看详情

yarn(代码片段)

...多数用户来说,从npm迁移的过程应该非常简单。Yarn和npm使用相同的package.json格式,而且Yarn可以从npm安装依赖包。如果你打算在现有项目中尝试Yarn,只需执行:yarn执行yarn命令或者yarnadd<package>命令后,Yarn都会在项目根目录... 查看详情

npm和yarn的淘宝镜像添加(代码片段)

npmconfigsetregistryhttps://registry.npm.taobao.orgnpmconfigsetdisturlhttps://npm.taobao.org/distnpmconfigsetelectron_mirrorhttps://npm.taobao.org/mirrors/electron/npmconfigsetsass_binary_sitehttps:// 查看详情

win10平台yarn工具的安装与环境配置(代码片段)

...装软件包的速度更快,安装语法也更简洁。  命令对比如下:npmins 查看详情

yarn以及npm缓存包清理!(代码片段)

过完年在家捣鼓电脑,发现C盘快满了,又开始了各种优化C盘的方法,首先当然是用spaceSniffer去查看一下占用情况,不看不知道一看吓一跳,Yarn竟然在C盘个人目录有面有7个G多的大小,下面就简单列举几个Yarn提供的关于缓存的... 查看详情

npm和yarn的源代理设置(代码片段)

npm和yarn转换淘宝源和官方源12345npmconfigsetregistryhttp://registry.npm.taobao.org/npmconfigsetregistryhttps://registry.npmjs.org/yarnconfigsetregistryhttp://registry.npm.taobao.org/yarnconfigsetregistryhttps://registry.npmjs.org/npm设置代理12npmconfigsetproxyhttp://127.0.0.1:8080npmco... 查看详情

使用npm安装yarn(代码片段)

很多同学用惯了npm安装项目依赖,想要尝试使用yarn的命令,但是第一次使用yarn的时候,发现报错,这是什么情况呢?因为,想要使用yarn,需要首先安装yarn。那么问题来了,如何安装呢?window... 查看详情

查看npm和yarn的镜像源和配置淘宝镜像源(代码片段)

1、查看 #npm:npmconfiggetregistry#yarn:yarnconfiggetregistry 2、设置#(命令行)设置淘宝源#npm:npmconfigsetregistryhttps://registry.npm.taobao.org#yarnyarnconfigsetregistryhttps://registry.npm.taobao.org--gl 查看详情

包管理工具yarn的使用和命令总结(代码片段)

大家好,今天总结了一下Yarn这个包管理工具的使用,虽然Npm已经奠定了前端工程基础,但是追求完美的前端程序员们又基于Npm不足的地方,提供了新的完善思路,针对如Npm安装包的速度问题,包的版本问... 查看详情

yarn的安装和简单使用(代码片段)

yarn的安装和简单使用yarn是一款取代npm的包管理工具yarn的优点速度超快。Yarn缓存了每个下载过的包,所以再次使用时无需重复下载。同时利用并行下载以最大化资源利用率,因此安装速度更快。超级安全。在执行代码之前,Yarn... 查看详情

yarn的安装和使用(代码片段)

...特点:速度超快。Yarn缓存了每个下载过的包,所以再次使用时无需重复下载。同时利用并行下载以最大化资源利用率,因此安装速度更快。超级安全。在执行代码之前,Yarn会通过算法校验每个安装包的完整性。超 查看详情