关于yarn的安装和使用

2,081 阅读1分钟

在日常实际的开发中,我们在使用npm安装模块的过程中常常会因为网路的问题,出现环境插件安装的慢或者卡死的现象。关于这个问题也有很多种解决办法。其中最常见的就是翻墙和设置npm地址为国内的淘宝镜像地址(翻墙我想也很少有人这么干吧)。当然还有种办法就是使用和npm具有同样功能的工具:yarn

yarn图片

yarn的安装

yarn的安装过程也是很简单的。第一个方法当然是下载安装包啦。
下载地址
这里面所有系统下的安装包都有,大家自行领用。(这里我是在window下安装的)
安装后在命令行中检查是否安装成功

$ yarn -v //1.17.3

第二种方法是使用npm来安装

$ npm install yarn -g

使用这种方法有个坑点。当使用yarn本地安装的时候不会有什么问题,而在全局安装的时候就会发现环境插件安装了,但是怎么都用不了内部命令。例如:

错误图片
这种情况是因为我们使用npm全局安装的情况下,没有将yarn添加到系统的环境变量(path)里。而我们使用安装包安装的时候是有的。所以需要我们自己手动去添加yarn到环境变量中去。
先找到yarn的bin路径:

$ yarn global bin // C:\Users\itd\AppData\Local\Yarn\bin

然后添加到环境变量中去 (不知道怎么添加的就自行百度吧)

环境变量图片

yarn的使用

(以webpack为例)
全局安装

$ yarn global add webpack

本地安装

$ yarn add webpack // 生产环境
$ yarn add webpack -D || yarn add webpack -dev // 开发环境

初始化

$ yarn init

全局移除

$ yarn global remove webpack

本地移除

$ yarn remove webpack

版本查看和命令查看

$ yarn -v
$ yarn -h

其余的指令操作就自行百度或者查看命令吧