QQ登录

只需一步,快速开始

yarn 安装与使用

尤致远 发表于 2020-2-19 13:15:05 | 显示全部楼层 |阅读模式
yarn
  • Yarn是 Facebook 提供的替代 npm 的工具
  • 可以加速 node 模块的下载
建议:
安装完 Node 后建议设置 npm 镜像(淘宝源)以加速后面的过程
设置镜像源:
  1. npm config set registry https://registry.npm.taobao.org --global
  2. npm config set disturl https://npm.taobao.org/dist --global
  3. # 如果之后需要切换回官方源可使用
  4. npm config set registry https://registry.npmjs.org/
复制代码
安装
注意:
不要使用 cnpm!cnpm 安装的模块路径比较奇怪,packager 不能正常识别!
  1. npm install -g yarn
  2. # 简写
  3. npm i -g yarn
复制代码
安装完 yarn 后同理也要设置镜像源
  1. # 使用 nrm 工具切换淘宝源
  2. npx nrm use taobao
  3. # 如果之后需要切换回官方源可使用
  4. npx nrm use npm
复制代码
或者
  1. yarn config set registry https://registry.npm.taobao.org --global
  2. yarn config set disturl https://npm.taobao.org/dist --global
复制代码
安装完 yarn 之后就可以用 yarn 代替 npm 了,例如用 yarn 代替 npm install命令,用 yarn add 某第三方库名代替 npm install 某第三方库名。
查看版本号
  1. yarn <span class="zh-hans" style="box-sizing: border-box; font-family: " microsoft="" yahei",="" 微软雅黑,="" simsun,="" sans-serif;"="">–</span>version
复制代码
yarn 使用
常用命令
yarn 使用常用命令yarn init 初始化一个项目
  1. yarn init
复制代码
yarn add 添加依赖包
  • 添加依赖包
  • 包的版本信息默认保存到 package.json 依赖配置 dependencies 项内
  1. yarn add [package]
  2. # yarn add webpack  安装 latest   最新版本
  3. yarn add [package]@[version]
  4. # yarn add package-name@1.2.3    从 registry 里安装这个包的指定版本
  5. yarn add [package]@[tag]
  6. # yarn add package-name@tag  安装某个 “tag” 标识的版本(比如 beta、next 或者 latest)
复制代码
yarn add 将依赖项添加到不同依赖项类别中
  • 分别添加到 devDependencies、peerDependencies 和 optionalDependencies 类别中:
  1. yarn add [package] --dev
  2. yarn add [package] --peer
  3. yarn add [package] --optional
复制代码
yarn cache 全局缓冲
  1. # 列出已缓存的每个包
  2. yarn cache list
  3. # 当前的 yarn 全局缓存在哪里
  4. yarn cache dir
  5. # 运行此命令将清除全局缓存
  6. yarn cache clean
  7. #  配置缓存目录
  8. yarn config set cache-folder <path>
复制代码
yarn config 配置文件
  1. # 查看配置
  2. yarn config
  3. # 查看某一项配置
  4. yarn config get bin-links
  5. # 返回true
  6. # 转成淘宝镜像
  7. yarn config set registry 'https://registry.npm.taobao.org'
复制代码
yarn global 全局安装
  1. # yarn 默认是不建议全局安装的,因为全局安装的包无法通过.lock来捕获到,当你的项目移到别的地方运行的时候就可能出现问题
  2. yarn global add webpack
  3. yarn global upgrade webpack
  4. yarn global remove webpack
复制代码
yarn info 查看包的信息
  1. yarn info react
  2. #  json化一下
  3. yarn info react --json
  4. # 查看指定版本
  5. yarn info react@15.3.0
复制代码
yarn run 运行一个定义好的脚本
  1. {
  2.   "name": "my-package",
  3.   "scripts": {
  4.     "build": "babel src -d lib",
  5.     "test": "jest"
  6.   }
  7. }
复制代码
yarn upgrade 更新
  1. yarn upgrade [package]
  2. # yarn upgrade
  3. yarn upgrade [package]@[version]
  4. # yarn upgrade left-pad
  5. yarn upgrade [package]@[tag]
  6. # yarn upgrade left-pad@^1.0.0
复制代码
yarn remove 移除依赖
  1. yarn remove [package]
复制代码
yarn install 安装全部依赖
  • 执行不带任何命令的yarn,等同于执行yarn install,并透传所有参数
  1. yarn
  2. # 或者
  3. yarn install
复制代码
yarn why 显示一个包为何要安装
  1. yarn why jest
复制代码
yarn publish 发布一个包到包管理器
  1. yarn publish
复制代码
官方文档(https://classic.yarnpkg.com/zh-Hans/docs/cli/)
npm vs yarn
注意:
在 npm 中,可以使用 npm config set save true 设置 — -save 为默认行为
但这对多数开发者而言并非显而易见的。在 yarn 中,在 package.json 中添加(add)和移除(remove)等行为是默认的
固定依赖包版本号(修改 package.json 文件)
  1. npm config set save-prefix="~"
  2. npm config set save-exact true
复制代码
线上环境更新依赖包(仅安装 dependencies 里面的包)
  1. npm install --production
  2. yarn install --production
复制代码
安装 package.json 中所有依赖
  1. npm install
  2. yarn install
  3. # 或者,yarn —— install 安装是默认行为
  4. yarn
复制代码
安装生产依赖(指定版本)
  1. npm install --save lodash@4.17.2
  2. # 包立即被保存到 package.json 中
  3. yarn add lodash@4.17.2
复制代码
安装开发依赖(指定版本)
  1. npm install --save-dev lodash@4.17.2
  2. yarn add lodash@4.17.2 --dev
复制代码
安装全局依赖(指定版本)
  1. npm install --global lodash@4.17.2
  2. yarn global add lodash@4.17.2
复制代码
卸载生产依赖
  1. npm uninstall --save-dev lodash
  2. -yarn remove lodash --dev
复制代码
升级全局依赖到最新版本
  1. npm update lodash -g
  2. yarn global upgrade webpack
复制代码
查看全局依赖包
  1. npm ls -g
复制代码
npm vs yarn 图解
tbaiujtrm8.png
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

精华推荐
  • 探究!做设计之前的“构思”

    探究!做设计之前的“构思”

  • 汉字之美!中文字体设计原则

    汉字之美!中文字体设计原则

  • 一支互联网雪糕的诞生

    一支互联网雪糕的诞生

  • 设计灵感来自何处?

    设计灵感来自何处?

  • 自行车停靠架和旧自行车变废为宝家居创意作品大全

    自行车停靠架和旧自行车变废为宝家居创意作

  • 造车生死局:要么转型,要么死

    造车生死局:要么转型,要么死

  • 从欠8千万到年赚8亿

    从欠8千万到年赚8亿

  • 一座非典型五线小城的日常

    一座非典型五线小城的日常

QQ客服热线
QQ:1090281100 周一至周日:09:00 - 21:00
WeChat:duzhe1069
Email:kaixin1069@vip.qq.com

优创意logo

勿要吝啬你无形资产,请为创新续源,知识、点子、灵感、经验、需求等均是创新源泉,你不经意的一句话将是另一个人的灵感。明天的明天,还有明天,我们应该把握今天,每一个今天,都有一个新的事物在出现,今天的漠视明天的落后,不浪费每一个学习的时刻,学习助力非凡。

技术支持 Discuz! X3.4 - 3.5 beta © 2001-2019 Comsenz Inc.

小黑屋|手机版|优创意 ( 粤ICP备16085288号-1 )|申请友链

粤公网安备 44011102001144 号 GMT+8, 2020-10-30 23:49 , Processed in 0.191373 second(s), 29 queries , Gzip On.

快速回复 返回顶部 返回列表