Visual Code中如何使用Yarn

C#

浏览数:275

2019-8-30

第一步 安装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

然后呢选择你想执行的命令就行了

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

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

微信关注我哦!(转载注明出处) 关注我哦 个人博客地址:点击跳转

作者:邵佳楠