参考

官网：https://classic.yarnpkg.com/zh-Hans/docs/install#mac-stable

知乎：https://zhuanlan.zhihu.com/p/23493436

简介

Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 — Yarn，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的

对比 npm

共性

Yarn 没想要完全替代 npm，它只是一个新的 CLI 工具，拉取的 packages 依然来自 npm 仓库

仓库本身不会变，所以获取或者发布模块的时候和原来一样

特性

  1. 自动生成锁定文件 yarn.lock， 保证每一次拉取同一个项目依赖时，使用的都是一样的模块版本
  2. 并行安装，提高了速度
  3. 更简洁的输出

安装与升级

Windows

安装

方式一

https://classic.yarnpkg.com/zh-Hans/docs/install#windows-stable

方式二

安装 msi 程序

  1. 如果你使用安装程序，你需要先安装 Node.js

  2. 下载 https://classic.yarnpkg.com/latest.msi

方式三

前提安装了 node【自带npm】

1
npm install --global yarn

测试

运行命令来测试 Yarn 是否安装

1
yarn --version

Mac

安装

通过 Homebrew 包管理器安装 Yarn，如果没有安装 Node.js 它也可以安装

1
brew install yarn

运行命令来测试 Yarn 是否安装：

1
yarn --version

升级

如果有新版本可用，Yarn 将会提醒。 若要升级 Yarn，您可以使用 Homebrew 来完成

1
brew upgrade yarn

配置

查看源

1
yarn config get registry

设置源

1
2
3
4
# 国内 淘宝 镜像源
yarn config set registry https://registry.npmmirror.com/
# 官方镜像源
yarn config set registry https://registry.yarnpkg.com/

命令

  1. 卸载全局插件 vue-cli

    1
    yarn global remove vue-cli

  2. 全局安装插件 @vue/cli

    1
    yarn global add @vue/cli

  3. 升级全局插件 @vue/cli

    1
    2
    3
    yarn global upgrade --latest @vue/cli

    yarn global upgrade --latest serve

安装依赖

1
yarn add sass-loader node-sass -D

环境

查看配置路径

1
2
3
4
yarn global dir

//输出
/Users/wangwz/.config/yarn/global

修改配置路径

1
2
3
//包全局的安装路径
yarn config set global-folder "路径"  
yarn config set cache-folder '路径'

问题

The engine “node” is incompatible with this module.

1
yarn config set ignore-engines true