Yarn入门

Yarn

## yarn 推荐全局安装
npm install yarn -g
yarn help COMMAND

初始化一个项目

  1. yarn init 相当 npm init

  2. yarn add添加一个包 相当 npm install [packageName] --save
    yarn add [package] --dev 相当 npm install [package] --save-dev
    yarn add webpack
    yarn add [package]@[version]
    yarn add [package]@[tag]
    // yarn 安装package不推荐全局安装

  3. yarn upgrade更新一个包 相当 npm update webpack

    yarn upgrade webpack
    yarn upgrade [package]@[version]
    yarn upgrade [package]@[tag]
    
  4. --offline离线安装 相当 npm install [packageName] --save-dev

     yarn add browser-sync --offline
     browser-sync start --server --files "**"
    
  5. yarn cache检查本地是否有当前包

     yarn cache ls
    
  6. yarn remve移除本地依赖包 相当 npm uninstall [package]

     yarn remove [package]
    
  7. yarn install安装包依赖 相当npm install

     yarn 或者 yarn install
    
  8. yarn publish发布到github上即项目仓库里面

     yarn publish
    

Yarn的工作流

  1. 创建一个新项目工程
    yarn init
  2. 添加/更新/删除依赖关系
  3. 安装/重新安装你的依赖
  4. 使用版本控制工具git
  5. 持续集成

添加依赖关系

  1. yarn add [package] == npm install [package]

  2. 将会自动将package@version添加进 package.json文件中的 "dependencies"中

  3. 自动更新.lock文件
    dependencies: 正常的运行过程中的依赖 浏览器跑的时候
    devDependencies: 开发模式 所用的依赖
    peerDependencies: 当你发布项目的时候 可以指定该依赖
    optionalDependencies: 可有可无,表示在安装失败的时候一个备选的依赖保证过程
    bundleDependencies: 发布项目的时候所用的依赖 不是从npm来的 一起打包发布到npm上

     yarn add --dev to add to devDependencies 
     yarn add --peer to add to peerDependencies
     yarn add --optional to add to optionalDependencies
    
  4. 安装依赖 (同 npm install)

    • yarn
    • yarn install
      yarn install --flat ##安装一个且只有一个版本的包
      yarn install --force ##强制加载获取所有的包
      yarn install --production ## 只会安装dependencies, 不会安装devDependencies
      ## 这个时候的代码只提供运行 不提供开发
  5. 版本控制器

    1. yarn.lock 保证每个包的版本的具体依赖 保证项目能通过安装命令执行正常

    2. Yarn Cache

        yarn cache ls # 将打印出每个缓存方案。
        yarn cache dir package# 安装在本地的什么位置
        yarn cache clean # 对本地缓存进行强制清除 再执行yarn cache ls将找不到缓存
      
        # 改变默认的缓存目录
        yarn config set cache-folder <path>
        yarn <command> --cache-folder <path>
      
    3. Yarn Config

        yarn config set <key> <value> [-g|--global]  #设置配置项
        yarn config set init-license BSD-2-Clause
        yarn config set registry https://registry.npm.taobao.org  # 修改镜像获取位置'https://registry.yarnpkg.com'  默认的镜像位置
        yarn config get <key> # 获取配置项信息
        yarn config get init-license
        yarn config delete <key>  # 删除某一配置项
        yarn config delete test-key
        yarn config list # 显示当前所有的配置
      
  6. Yarn info
    显示包的详细信息 yarn info <package> [<field>]

       yarn info react
       yarn info react --json # 以json的格式显示
       yarn info react@15.3.0 # 查看详细版本信息
       yarn info react description # 只看描述信息
       yarn info react time
       ## 如果指定的字段是又一个嵌套对象,返回子树
       yarn info react readme 读取readme字段
    
  7. Yarn Global
    Yarn不推荐将依赖安装在全局环境下面

       yarn global <add/bin/ls/remove/upgrade> [--prefix]
       yarn global add weback  ## 把包安装在全局的环境下面
    
  8. Yarn Bin
    displays the location of the yarn bin folder. 显示yarn的安装目录bin文件夹

       yarn global bin
    
  9. Yarn Why

       yarn why jest  # 确定为什么包已经安装,详细描述其他包依赖于它
       # 可以是一个文件夹 也可以是一个js文件
       yarn why node_modules/once
       yarn why node_modules/once/once.js
    
  10. yarn clean 清除npm包下面一些module下没有用的文件

       yarn check # 检查包的完整性
       yarn generate-lock-entry # 生成.lock文件
    
  11. Yarn Run
    类似于npm run

     package.json
     {
       "name": "my-package",
       "scripts": {
        "build": "babel src -d lib",
        "test": "jest"
       }
     }
    
     yarn run [script] [-- <args>]
     yarn run test
     yarn run test -- -o --watch 执行jest -o --watch
     yarn run 没有参数的的话 会列出所有的scripts里的执行脚本
    
  12. Yarn Ls

     yarn ls  ## 给出根目录下面已经安装的依赖
     yarn global ls
     yarn list [--depth]
     yarn list --depth=0 ## 限制输出的深度
    
  13. Yarn Link & Yarn Unlink

     yarn link [package...]
     ## 将网络上的包连接到本地进行引用 调试
     yarn unlink [packae...] 解除引用
    
  14. Yarn Login & Yarn Logout
    登录npm的公共仓库, 发布一个包的时候 需要一个npm的账号
    登录之后 用yarn publish

  15. Yarn Tag

      yarn add your-package-name@stable
      yarn add your-package-name@canary
    
    • latest 当前版本的包
    • stable包的最新稳定版本,通常长期支持(LTS)
    • beta 最新发布前和/或稳定,用于共享即将改变之前完成
    • canary 如果你的项目是频繁更新,许多人依靠你可能更早使用这个共享代码。
    • dev 有时你希望能够测试出一个通过注册表修改当你还在研究的东西,这是非常有用的
  16. Version和Package

    1. 添加一个名为<tag>标记为一个特定的<version>

      yarn add your-package-name@<version>
      
    2. 列出所有的标签<包>。如果未指定的<包>将默认包你当前的目录内

       yarn add your-package-name@<tag>
       yarn tag add <package>@<version> <tag> <package>。
       yarn tag rm <package> <tag>
       yarn tag ls [<package>]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,271评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,275评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,151评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,550评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,553评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,559评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,924评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,580评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,826评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,363评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,940评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2 342

推荐阅读更多精彩内容

  • 参考: http://www.jackpu.com/yarn-facebook-kai-yuan-de-bao-g...
    angelpig1214阅读 1,469评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,580评论 18 139
  • yarn是什么 yarn官方文档 yarn就是npm的命令行客户端的快速、安全、可靠的替代品.所以yarn也是从n...
    奥尼酱阅读 1,178评论 0 4
  • yarn facebook发布的新一代包管理工具,旨在解决以往使用npm作为包管理会遇到的一些问题。从其官方介绍可...
    琢磨先生lf阅读 6,335评论 4 1
  • npm是什么 NPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具...
    build1024阅读 7,851评论 0 9