Web前端之路技术干货Web 前端开发

Yarn学习笔记

2017-05-19  本文已影响847人  袋小超

场景交代

前端开发同学一定知道并用过npm,可能也听过并用过Yarn。
最近在学习前端知识,所以这里做一下学习笔记。

Yarn介绍

Yarn 是一个包管理器, 它允许你使用并分享代码给全世界的开发者, Yarn 做这些快捷、安全、可靠,所以你不用担心什么。
Yarn 允许你使用其他开发者的解决方案处理不同的问题,让你开发软件更容易。 如果你有疑问,你可以报告问题或者贡献回馈,当问题被修复时,你可以用 Yarn 让它们保持最新。
代码通过叫做 包(有时称为 模块) 的东西来共享。 包里包含所有要共享的代码,package.json 文件描述这个包。
ps:个人觉得其实就是FB公司订制版的npm,考虑到原版的npm设计有缺陷,FB对其进行了相关优化。具体哪里优化,我也不是很清楚。

安装

两种安装方式
1.官网推荐brew install yarn
2.npm全局安装 npm install -g yarn

使用 我会将yarn指令和npm指令进行对比

1.开始新项目

yarn init这里可以对照理解   npm init

2.添加依赖包

yarn add [package]                   npm install [package]
yarn add [package]@[version]
yarn add [package]@[tag]

3.升级依赖包

yarn upgrade [package]                      npm update [-g] [<pkg>...]
yarn upgrade [package]@[version]
yarn upgrade [package]@[tag]

4.移除依赖包

yarn remove [package]                         npm uninstall <package>

5.安装项目的全部依赖

yarn  或者 yarn install                        npm install

Yarn工作流

引入一个包管理器到你的项目也引入了一个新的围绕依赖的工作流。Yarn 尝试最好的保留你自己的方法并且让这个工作流的每一步理解简单。

当你想添加、升级或移除依赖,你要了解几个不同的命令。
每个命令都会更新你的 package.json
yarn.lock
文件。

  yarn add [package]

  你也可以用这些标记添加其它[依赖类型](https://yarnpkg.com/zh-Hans/docs/dependency-types):

  yarn add --dev 添加到 devDependencies

  yarn add --peer 添加到 peerDependencies

  yarn add --optional 添加到 optionalDependencies

你可以通过指定一个依赖版本或一个标签来指定你想安装包的哪个版本。

yarn add [package]@[version]
yarn add [package]@[tag]
  yarn upgrade [package]
  yarn upgrade [package]@[version]
  yarn upgrade [package]@[tag]
  yarn remove [package]
yarn install 这条命令在执行后,yarn会从你的package.json读取依赖,然后安装,并存储到yarn.lock文件。

安装依赖有许多选项,包括:
安装所有依赖:yarn 或 yarn install
安装一个包的单一版本:yarn install --flat
强制重新下载所有包:yarn install --force
只安装生产环境依赖:yarn install --production

Yarn 很容易在许多持续构建系统中使用。为了加速构建,Yarn 缓存目录可以跨构建保存起来。
PS:这块我不是很懂

CLI介绍
Yarn指令的详细说明文档,推荐高段位选手阅读,小白看我前面的总结就行了。

最后再祭出一份视频教程:
Yarn构建工具入门基础

上一篇下一篇

猜你喜欢

热点阅读