yarn的学习

 yarn的学习

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第1天,点击查看活动详情

在项目中一直用的事npm,因为电脑环境安装nodeJs的时候,npm 是预先安装在 Node 中的,所以一般不需要手动安装 npm。但是在新公司的项目中,同步团队开发习惯,也被建议使用yarn包管理器

npm

什么是npm

npm is the world's largest software registry. Open source developers from every continent use npm to share and borrow packages, and many organizations use npm to manage private development as well.

npm 是世界上最大的软件注册表。来自各大洲的开源开发人员使用 npm 来共享和借用包,许多组织也使用 npm 来管理私人开发。

它可以让开发者可以将自己的代码在仓库中发布,同时使用者也可以从仓库 clone 项目到本地,达到共享代码

经常使用npm的同学

  1. git clone 项目地址 
  1. npm install / npm i
  1.  npm run dev / serve

但是在很多情况下,npm install安装的时候需要很长时间

npm安装机制

第一步:执行安装命令之后,npm 首先会去查找 npm 的配置信息。

第二步:获取完配置文件之后,就会构建依赖树。 

第三步:在有了依赖树之后,就可以根据依赖树下载完整的依赖资源。 

第四步:会生成 package-lock.json 文件。 

慢的原因

npm是按照队列执行每一个包,也就是必须等到当前包安装完成之后才能继续后面的安装

npm默认使用的是国外镜像会很慢;

方法一、更换npm镜像地址  ⽤set命令换成阿⾥的镜像就可以了

npm config set registry registry.npm.taobao.org

方法二、直接执⾏

npm install --registry=registry.npm.taobao.org

方法三、使用CNPM命令安装

npm install -g cnpm -registry=registry.npm.taobao.org

yarn

前面说道,npm是按照队列形式安装每一个包,而yarn是并行执行安装,所以性能上有显著的提高。

  1. git clone 项目地址 
  1.  yarn / yarn install
  1.  yarn start

yarn安装

npm install -g yarn

//查看版本

yarn --version

yarn的优点

  • 速度快,因为yarn是并行执行安装,所以在速度上有所提高
  • 离线模式:虽然两者都有缓存模式,但是yarn似乎做的更好一些,如果之前已经安装过一个软件包,用yarn再次安装时会从缓存中获取,就不用像npm那样再从网络下载了
  • 输出信息简洁

npm和yarn命令对比

npmyarn
npm inityarn init
npm init -yyarn init -y
npm installyarn
npm install xxxyarn add xxx
npm install --global xxxyarn global add xxx
npm uninstall xxxyarn remove xxx
npm install xxx@版本号yarn add xxx@版本号
npm install xxx --saveyarn add xxx
npm install xxx --save-devyarn add xxx --dev
npm update --saveyarn upgrade
npm runyarn run
npm run xxxyarn run xxx
npm run devyarn dev

后记

等我依赖安装完毕后,启动项目的命令居然还是用npm run dev。。。。。。

参考:

1、 blog.csdn.net/usrnck0709/…

2、细说包管理器 yarn 和 npm my.oschina.net/devpoint/bl…

分类:
前端
标签: