带你认识npm和yarn

认识NPM

npm（全称Node Package Manager  即node包管理器）是Node.js默认的，以JavaScript编写的软件包管理系统，npm拥有超过一百万个软件包，是世界上最大的软件注册表

npm来分享和使用代码已经成为了前端的标配
官网：http://www.npmjs.com
  

安装NPM工具

npm是Node.js默认的软件包管理系统，安装完毕node后，会默认安装好npm
npm本身也是基于Node.js开发的软件

下载Node：http://nodejs.cn

判断node是否安装成功

1. 打开命令控制符
2.  输入 node -v   出现版本号表示安装成功
3. 输入 npm -v     出现版本号表示安装成功 

NPM的基本使用方法

npm常用指令

npm镜像的设置与查看

👉 搭建环境是通过如下代码将npm设置成淘宝镜像

• npm config set registry https://registry.npm.taobao.org  --global
• npm config set disturl https://npm.taobao.org/dist  --global

 👉 设置当前地址（设置为默认地址）

 npm config set registry https://registry.npmjs.org/

👉 查看镜像的配置结果

•         npm config get registry
•         npm config get disturl

👉 使用 nrm工具切换淘宝源

npx nrm use taobao

👉 如果之后需要切换回官方源可使用

npx nrm use npm

👉 也可以使用淘宝定制的cnpm（gzip压缩支持）命令工具代替默认的npm

 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 

 Packagejson文件属性说明

 NPM包的使用

Yarn 

 什么是Yarn

 Yarn是由Facebook、Google、Exponent和Tilde联合推出了一个新的JS包管理工具，Yarn是为了弥补npm的一些缺陷而出现的

NPM5出现的问题

1. npm install的时候巨慢，特备是显得项目拉下来要等半天，删除node_modules重新install 的时候依旧如此
2. 同一个项目，多人开发时，由于安装的版本不一致出现bug

下载官网

 www/yarnpkg.com 

Yarn的优点

• 速度快
• 安装版本统一
• 更简洁的输出
• 多注册来源处理
• 更好的语义化

Yarn的基本使用 

 从npm迁移到yarn

可以从npm迁移到yarn，也可以从yarn迁移到npm

• 有了yarn的压力之后，npm做了一些类似的改进，在npm5.0之前，yarn的优势特别明显。但是在npm之后，通过以上一系列对比，我们可以看到npm5在速度和使用上确实有了很大提升，值得尝试
• 如果你已经在个人项目上使用yarn，并且没有遇到更多的问题，目前完全可以继续使用，但如果有兼容npm的场景，以及还没有切到yarn的项目，那现在可以试试npm5了

 以上就是npm和Yarn的总结啦

🌻Per aspera ad astra 循此苦旅，以觅繁星🌻