Mac OSX上安装yarn配置环境变量

比眉伴天荒 2024-04-18 14:59 128阅读 0赞

笔者今天用mac下载yarn，结果被困扰了一上午。。。  
第一个原因是因为下载Homebrew用了很久很久很久的时间。。  
第二个原因就是下载完yarn后使用不了，说找不到命令。原因是因为没有弄环境变量，环境变量也弄了很久。。

**接下来笔者将今天安装yarn的过程做个小总结：**

yarn官网下载说明：[https://yarn.bootcss.com/docs/install/\#mac-stable][https_yarn.bootcss.com_docs_install_mac-stable]

下载yarn之前要保证你的mac上面有这三种其一：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70]  
笔者是安装的homebrew，安装homebrew：  
在命令行输入：

> 大佬们copy的时候别把“$ ”也copy下去了哈，只要后面的内容

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

> 全过程大概一个小时？不知道为什么笔者家下载的时候一直都是只要十几二十几kb。

下载好之后使用：

$ brew help

当发现没报错并且给了信息的时候说明安装成功，接下来安装yarn

$ brew install yarn

安装完毕以后按道理来讲当你使用 yarn --version的时候会提示yarn命令没有找到。如果找到了你也不需要看笔者的这个博客了。。。

原因是因为没有配置环境变量，于是我们又按照官网的安装教程开始安装：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70 1]  
我也不知道我的电脑配置文件啥啥，我就瞎试：

> 试的思路：按照他的那四个文件依次打开

$ open ~/.profile

提示未找到。。。继续试

$ open ~/.bash_profile

呀打开了！！  
结果编辑发现被锁定了，无权改变，里面有内容。  
于是将里面的内容copy下来，随便找个地方先paste下去，待会要用

接着是敏感操作，小心点哈

> 竟然没权限那就把它干掉，不给我们面子我们也不给他面子！推个新人上位  
> rm -rf的意思就是删除  
> touch的意思是没有就创建  
> 而后在打开这个文件发现可以编辑了！

$ rm -rf ~/.bash_profile
    $ touch ~/.bash_profile
    $ open ~/.bash_profile

接下来将刚刚paste的那个原文件内容paste到这里来。  
而后在另起一行加上此内容：

export PATH="$PATH:`yarn global bin`"

接下来command+s保存  
把终端退了之后再打开【这步很重要哈，不要感觉没意义】  
重新yarn --version  
发现有了版本号了～任务完成～

> 请按照笔者的步骤一步一步来哈，还有什么问题下方评论～

[https_yarn.bootcss.com_docs_install_mac-stable]: https://yarn.bootcss.com/docs/install/#mac-stable
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/3a9e5762f45a4617ba4d1e11868a93b0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/29f5701c91b04dd3922aa56cfe89507d.png