Yarn - 学习/实践

Love The Way You Lie 2023-02-23 08:15 20阅读 0赞

1.应用场景

<table> 
 <tbody> 
 <tr> 
 <td>主要用于管理前端packages依赖, 构建前端项目.</td> 
 </tr> 
 </tbody> 
</table>

2.学习/操作

<table> 
 <tbody> 
 <tr> 
 <td> 1.文档介绍 <a href="https://yarnpkg.com/" rel="nofollow">https://yarnpkg.com/</a>&nbsp; //官网 <a href="https://classic.yarnpkg.com/zh-Hans/" rel="nofollow">https://classic.yarnpkg.com/zh-Hans/</a>&nbsp; //中文网站之一 <a href="https://yarnpkg.com/getting-started/install" rel="nofollow">https://yarnpkg.com/getting-started/install</a>&nbsp; //安装 <a href="https://blog.csdn.net/x550392236/article/details/79205812" rel="nofollow">https://blog.csdn.net/x550392236/article/details/79205812</a>&nbsp;//&nbsp;yarn详细入门教程 <a href="https://classic.yarnpkg.com/zh-Hans/docs/usage" rel="nofollow">https://classic.yarnpkg.com/zh-Hans/docs/usage</a>&nbsp; // 新手文档 &nbsp; &nbsp; 2.个人整理输出 
 <table> 
 <tbody> 
 <tr> 
 <td> 1.介绍 Yarn is a package manager that doubles down as project manager. Whether you work on one-shot projects or large monorepos, as a hobbyist or an enterprise user, we've got you covered. &nbsp; 2.安装 <a href="https://yarnpkg.com/getting-started/install" rel="nofollow">https://yarnpkg.com/getting-started/install</a>&nbsp; 全局安装： 
 <blockquote> 
 npm&nbsp; install -g yarn 
 </blockquote> windows 【win10】&nbsp; <img alt="" height="268" src="https://img-blog.csdnimg.cn/2020070611405479.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="806"> &nbsp; &nbsp; &nbsp; 3.学习 3.1&nbsp;Yarn vs Npm 优缺点 - 学习/实践 <a href="https://blog.csdn.net/william_n/article/details/109385911" rel="nofollow">https://blog.csdn.net/william_n/article/details/109385911</a> &nbsp; &nbsp; &nbsp; &nbsp; 4.实践 TBD </td> 
 </tr> 
 </tbody> 
 </table>&nbsp; &nbsp; &nbsp; &nbsp; 后续补充 ... </td> 
 </tr> 
 </tbody> 
</table>

3.问题/补充

<table> 
 <tbody> 
 <tr> 
 <td> 1.mac pro安装yarn失败&nbsp; // 20210402 周五 科学馆 <img alt="" height="954" src="https://img-blog.csdnimg.cn/20210402145350396.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1140"> 安装失败～～ 原因： 看上面的报错信息， 可知是操作系统拒绝，npm没有写入权限. 因为电脑是刚购买的， 很多操作都是第一次操作， 而且个人之前也没有怎么使用过mac，操作显得生疏别扭。 &nbsp; 解决办法： 就是赋予该文件目录权限 执行如下命令即可：&nbsp; 
 <blockquote> 
 sudo chown -R $USER /usr/local/lib/node_modules 
 </blockquote> 解决结果：// 正常 <img alt="" height="468" src="https://img-blog.csdnimg.cn/202104021528267.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1128"> &nbsp; 详细信息： <a href="https://flaviocopes.com/npm-fix-missing-write-access-error/" rel="nofollow">https://flaviocopes.com/npm-fix-missing-write-access-error/</a>&nbsp; &nbsp;//How to fix the "Missing write access" error when using npm &nbsp; 更多安装信息： <a href="https://juejin.cn/post/6844903953675583496" rel="nofollow">https://juejin.cn/post/6844903953675583496</a>&nbsp; &nbsp;//&nbsp;Yarn for mac 安装教程 </td> 
 </tr> 
 <tr> 
 <td>&nbsp;</td> 
 </tr> 
 </tbody> 
</table>

4.参考

<table> 
 <tbody> 
 <tr> 
 <td> <a href="https://yarnpkg.com/" rel="nofollow">https://yarnpkg.com/</a>&nbsp; //官网 <a href="https://classic.yarnpkg.com/zh-Hans/" rel="nofollow">https://classic.yarnpkg.com/zh-Hans/</a>&nbsp; //中文网站之一 <a href="https://yarnpkg.com/getting-started/install" rel="nofollow">https://yarnpkg.com/getting-started/install</a>&nbsp; //安装 <a href="https://flaviocopes.com/npm-fix-missing-write-access-error/" rel="nofollow">https://flaviocopes.com/npm-fix-missing-write-access-error/</a>&nbsp; &nbsp;//How to fix the "Missing write access" error when using npm </td> 
 </tr> 
 </tbody> 
</table>

后续补充

...