第一步 安装Node.js的环境

不管是安装yarn还是npm都得先安装Node.js环境，这个的话网上有很多教程，就不细说了

第二步 安装Yarn

Yarn可以直接在 Yarn中文网 上直接根据步骤来下载，它有给出对应不同操作系统的安装方法，我是win10操作系统的，直接下的Msi直接下一步下一步就完成了。安装完成之后 打开powershell或者cmd试下有没有安装成功了

image.png 看到版本号说明安装成功了

注意：这里有些人可能会遇到一些问题（比如我）

1.下载的速度太慢，甚至有的包下载不了，解决方法是把国外的镜像换成 淘宝的镜像，有的小伙伴电脑 可能装yarn和npm两个，我推荐把两个都换成淘宝的镜像。命令如下：

NPM设置成淘宝镜像
npm config set registry http://registry.npm.taobao.org/ -g

yarn设置成淘宝镜像
yarn config set registry http://registry.npm.taobao.org/ -g
设置完成之后再确认一个，打开powershell或者cmd 输入 yarn config list查看一下

image.png 这样呢就可以了。

2.在安装的时候报错，提示信息列如这样的：ERROR xxxxxx "http://registry.npm.taobao.org/" connect econnrefused 127.0.0.1:61085 像这样的报错信息是因为 你npm里面设置了一个代理。

输入以下命令再重新尝试就可以了：npm config delete proxy

第三步 在Visual Code中安装对应的工具

其实呢，上面步骤完成之后在 visual code中已经是可以使用了。

第一种方法

具体操作：
1.打开visual code，然后新建一个目录或者新建一个文件夹在Visual Code中打开
2.快捷键 Ctrl+` 打开集成终端。或者可以在工具栏->查看中找到集成终端

3.直接在里面输入 yarn的命令即可调用了，就像这样 image.png

第二种方法

1.打开visual code的扩展管理，查找yarn 安装默认找到的第一个 image.png

安装完之后 点击 重新加载

2.快捷键 ctrl+shift+p打开命令面板 或者在工具栏查看->里面找到命令面板打开，接下来呢在里面输入yarn就可以看到已经有命令提示了 image.png
然后呢选择你想执行的命令就行了

这里呢讲了两种方法，我个人比较喜欢第二种，因为会有命令提示。。第一种的话 有的命令忘了还得看帮助（其实是我比较懒啦，命令也不多，但我懒的背，有提示比较方便，嘿嘿）

大致的教程呢就这么多。。。