npm和yarn的使用

目录

一、什么是npm

1.1安装npm工具

1.2 npm镜像设置

1.3 npm的使用

1.4 npm常用命令

1.5 Package.json 文件属性说明

二、什么是Yarn

2.1 Yarn的优点

 2.2 Yarn的安装

2.3 Yarn的基本使用

三、npm和yarn的相互迁移



一、什么是npm

npm(全称Node Package Manager,即node包管理器)。是Node.js默认的、以JavaScript编写的软件包管理系统。npm来分享和使用代码已经成了前端的标配。

官网:https://www.npmjs.com

1.1安装npm工具

因为npm是node.js默认的软件包安装管理系统,所以要先安装node.js

官网:http://nodejs.cn

node安装完成后,按下win+r打开运行窗口输入cmd进入命令提示符界面,输入node -v查看是否成功安装node.js和版本号是多少。

npm和yarn的使用_第1张图片

可以看到node.js的版本号,证明安装成功。

再次输入npm -v查看npm是否安装成功:

npm和yarn的使用_第2张图片

1.2 npm镜像设置

由于npm是国外的软件,使用npm官方网站下载会比较缓慢,将地址换为国内的镜像就会快很多。

npm和yarn的使用_第3张图片

1.3 npm的使用

npm和yarn的使用_第4张图片

1.4 npm常用命令

npm和yarn的使用_第5张图片

1.5 Package.json 文件属性说明

npm和yarn的使用_第6张图片

二、什么是Yarn

Yarn是由Facebook、Google、Exponent和Tilde联合推出的一个新的JS包管理工具,Yarn是为了弥补npm的一些缺陷而出现的。因为npm5以下会出现下面的问题:

1、npm install的时候巨慢。特别是新的项目拉下来要等半天,删除node_modules,重新install的时候依旧如此。

2、同一个项目,多人开发时,由于安装的版本不一致出现bug。

官网:www.yarnpkg.com

2.1 Yarn的优点

npm和yarn的使用_第7张图片

 2.2 Yarn的安装

npm和yarn的使用_第8张图片

2.3 Yarn的基本使用

npm和yarn的使用_第9张图片

npm和yarn的使用_第10张图片

三、npm和yarn的相互迁移

可以从npm迁移到yarn,也可以从yarn迁移到npm。在npm5.0之前,yarn的优势特别明显,为了与yarn竞争,npm5在速度和使用上有了很大提升,值得尝试。

对于大多数用户来说从npm迁移到yarn是个简单的过程。yarn 可以使用和npm相同格式的 package.json,并且可以从你npm注册表中安装任何依赖包 。

一般来说,从npm迁移过来,只要执行yarn或者yarn install命令即可,安装依赖包以及生成yarn.lock文件。

npm和yarn的使用_第11张图片

你可能感兴趣的:(npm,javascript,前端)