如何安装yarn(yarn的安装包)

扫码添加渲大师小管家，免费领取渲染插件、素材、模型、教程合集大礼包！

大家好，今天来介绍如何安装yarn(yarn 全局安装路径)的问题，以下是渲大师小编对此问题的归纳和整理，感兴趣的来一起看看吧！

yarn的安装

这段时间抠vue3的源码，在开始时，就碰到了yarn的安装问题
拿到源码：npm install，很好，报错：

接下来安装yarn：
在vscode里面安装yarn的时候，npm install -g yarn 执行成功，
但是在查看版本yarn -version的时候报错皮山陆，如下：

最后是需要在环境变量里面配置系统燃顷变量，地址就是唯睁npm install -g yarn的时候返回的路径，我的如下：

下图是其他人一次执行成功的截图圈出来的是环境变量配置地址

yarn 配置全局安装位置到D盘解决tsc找不到问题。

通常遇到这种问题，一般是建议把yarn的安装位置换到非系统盘（c盘），所以这里我准备迁移。

查看yarn 配置指令

yarn config list  

yarn global dir      ——yarn 全局安装的位置

yarn global bin     ——bin目录的位置

把c盘原来的yarn文件删除，保留.yarnrc 文件。并修改对亮信族应的D盘文件如下图

通过cmd输入下列指令   路径可以自己重新定义

cache-folder "D:\\software\\yarn\\cache"           ——yarn 缓存位置

global-folder "D:\\software\\yarn\\global"           ——yarn 全局安装位置

prefix "D:\\software\\yarn\\global\\node_modules\\.bin"  ——yarn bin位置     
bin的位置 记得配置环境变量 到path  举例  D:\\software\\yarn\\global\\node_modules\\.bin

注意文件敬弊夹要自己好，这里 prefix可以后面再添加，

也可以通过指令修改。

1.全局安装位置配置   yarn config  set global-folder "你的磁盘路径"
2.yarn 缓存位置    yarn config set cache-folder "你的磁盘路径"
3.yarn bin位置    yarn config set prefix  D:\\software\\yarn\\global\坦袭\node_modules\\.bin   
这里的路径不需要带引号哈！！~

然后可以尝试全局安装  yarn global add typescript  ，这时候看下目录结构

如果还有遇到什么问题的话，可以私信我。    环境变量大家不要忘记配置哈！！！

如何搭建内网yarn

工具/原料

两台及以上电脑，并且安装网卡

集线器或路由器

具备组网的其它必备设备

方法/步骤

根据物理位置和距离情况，制作若干根网线，并且通过测试确保网线的连通性。在制闭则缺作网线方面，有两种布线方式，一种是平行布线方式，适合不同种类的设备进行互联时;另一种是交叉布线方式，适合同一类型设备之间的互联。现在大部分设备都能识别平行和交叉布线方式。

利用网线将集线器或路由器的LAN口与电脑网卡接口连接起来。尤其对于路由器，为了组建局域网，确定所有的LAN接口与电脑网卡相连。

确保各个电脑的网卡驱动安装正常。测试方法：打开“运行”对话框，输入命令“ping 127.0.0.1 -t",如下出现如下界面提示，表明安装正常。否则下载相应的最新驱动重新安装。

设置各电脑的IP地址，盯毁一般来说，对于局域网用户，IP地址推荐的范围是“192.168.1.1”至“192.168.1.254”，对于每台电脑，都应该指定在该范围内且唯一的IP，子网掩码：“255.255.255.0”，其它各项按默认处理。IP地址的设置方法：右击“本地连接”，进入“本地连接 属性”对话框，双击“Internet 协议版本4（Tcp/IP)”,打开设置对话框 ，输入IP地址和子网掩码。

在各电脑的IP设置完成后，就进行各计算机之间的互通性测试。测试方法：打开“运行”对话框，在任意一台计算机上通过命令“ping 192.168.1.X”(X代表任意一台计算机制IP最后一组数字）来测试，如果出现如下界面，说明网络已连接。至此，整个局域网就搭建完成。

对于局域网中电脑的数量多于集线器或路由器接口数量的情况，可采用多个集线器或路由器相连的方式来扩展网络范围。具体作法是：集线器或路由器之间通过LAN口相连接即可扩展网络，唯一需要注意的是路由器的WAN口不要用作扩展网络的接口，该接口的作用是用于连接ADSL或宽带。

END
注意事项

对于组网设置为其它的情况，应根据实现设备情况进行操作，但基本原理和过程基本是一样的。

对于想通过轿辩组建局域网来达到共享上网目地的，联网设备建议选择路由器，同时将ADSL或宽带的接口与路由器的WAN相连，路由器的其它接口LAN与电脑相连就可以了。

在组建局域网过程中，合理使用Ping命令，以确保网络的畅通。

从无到有使用yarn开发react项目（配置及开发基础篇）（小白向）

1.在cmd下输入“npm install create-react-app yarn -g”

2.在指定项目目录下输入 create-react-app your_project_name 

例如“create-react-app react_test” （注意项目名称不能有大写字母）

安装完成之后提示如下图所示

3.切换到刚刚安装时创建的文件夹，输入“yarn start”测试安装是否成功，安装成功则会调成一个页面

4.切换到刚刚安装时创建的文件夹，输入“ yarn add antd --save”安装antdesign

打开package.json可以看到antd已成功安装

此时，我们可以在编辑器中打烂明开项目文件夹（此处是vs code），可以清晰的看到create-react-app的生成目录：

此时，系统已经为我们生成了基础的页面（也就是App.js中的组件所展现出来的）

在目录文件夹下拆锋运行“yarn start”命令，基础页面也就是react的logo等，此时的页面长这样：

然后我们就可以在render中引入新的组件渲染我们需要的页面了。例如：

此处我们通过import从antd中按需导入了Button组件，然后在render中渲染，运行“yarn start”指令得到如下页面：

可以看到页面中新增了一个button，至此基础的开发就是这样了，其他需要的组件，旅历晌需要调整的样式可自行添加。

yarn create @vitejs/app managerfe报错

1.首先我们需要安装一下yarn 命令: npm/cnpm install -g yarn
2.因中咐为我yarn安装的数芹时候系统默认安装在C盘，但是安装node模块的时候是在其他盘，所以会报错，解决办法参考下面这薯培毕个链接: https://juejin.cn/post/6844904111570190349