第一步 安装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+` 打开集成终端。或者可以在工具栏->查看中找到集成终端
image.png
1.打开visual code的扩展管理，查找yarn 安装默认找到的第一个第二种方法
image.png
安装完之后 点击 重新加载
image.png
然后呢选择你想执行的命令就行了
这里呢讲了两种方法，我个人比较喜欢第二种，因为会有命令提示。。第一种的话 有的命令忘了还得看帮助（其实是我比较懒啦，命令也不多，但我懒的背，有提示比较方便，嘿嘿）
大致的教程呢就这么多。。。
微信关注我哦！(转载注明出处)
个人博客地址：点击跳转关注我哦
