yarn和npm的对比以及yarn的使用

不念不忘少年蓝@ 2023-10-11 13:57 53阅读 0赞

## **目录：** ##

1.  [0--前言 ][0--_]
2.  [1--安装yarn][1--_yarn]
3.  [2--yarn和npm命令对比][2--yarn_npm]

--------------------

[回到顶部][Link 1]

### 0--前言 ###

**为什么要使用yarn**，如果你从事前端开发有些年头了，那你肯定对npm又爱又恨，爱就不说了，恨嘛，就是NPM经常奇慢和卡顿，这还能忍，经常各种错误就没法忍了，尤其是他人创建的项目，自己在安装依赖的时候，经常各种莫名奇妙的错误导致安装失败；尤其是当项目有些年头，一些依赖包已经有更新的时候，重新安装依赖包发生错误的概率甚至超过50%，这个实在没办法忍受；而yarn，则是完全碾压npm的存在~yarn不但速度甩npm十条街，而且很多npm死活安装不上的时候，yarn基本都是一次完美成功安装；在npm5出来后，很多人说有改善，但现在已经5.5了，经我们团队从github上拉取多个开源项目实际测试，npm安装依赖发生错误的概率仍然居高不下，很多项目尝试各种办法仍然无法成功安装依赖和运行，而同样的项目，用yarn安装，则基本一次完成，一次错误也未发生，都成功安装和运行，**所以，结论：请忘记npm，请使用yarn**

[回到顶部][Link 1]

### **1--安装yarn** ###

**　　**1、安装node

2、安装yarn

npm install -g yarn

3、切换淘宝镜像

yarn config set registry https://registry.npm.taobao.org

这样安装完就可以使用yarn了

### 2--yarn和npm命令对比 ###

初始化 yarn init npm init  
安装依赖 yarn install 或者 yarn npm install pnpm install  
新增依赖 yarn add element-ui npm install element-ui --save pnpm i element-ui  
删除依赖 yarn remove element-ui npm uninstall element-ui --save …  
更新依赖 yarn upgrade npm update pnpm update  
全局安装或删除 yarn global remove vue-cli npm uninstall vue-cli -g …  
同时下载多个 yarn add axios vue-axios npm install --save axios vue-axios

更多命令请上 [https://yarn.bootcss.com/][https_yarn.bootcss.com]了解

[0--_]: https://www.cnblogs.com/yanghj/p/11526022.html#_label0
[1--_yarn]: https://www.cnblogs.com/yanghj/p/11526022.html#_label1
[2--yarn_npm]: https://www.cnblogs.com/yanghj/p/11526022.html#_label2
[Link 1]: https://www.cnblogs.com/yanghj/p/11526022.html#_labelTop
[https_yarn.bootcss.com]: https://yarn.bootcss.com/