[工具]npm &yarn

Npm

1、代码通过 包（package） (或者称为 模块（module）) 的方式来共享。 一个包里包含所有需要共享的代码，以及描述包信息的文件，称为 package.json 。

2、语义化描述Semer：

• “5.0.3”表示安装指定的5.0.3版本
• “～5.0.3”表示安装5.0.X中最新的版本
• “^5.0.3”表示安装5.X.X中最新的版本。

3、npm install 时不是每次都从网上下载包，npm是有本地缓存的，它保存了已经下载的每个版本的压缩包。
npm cache verify：验证缓存数据的有效性和完整性，清理垃圾数据

verify.png

npm cache clean: 删除缓存目录下的所有数据。从 npm@5 开始，为了保证缓存数据的有效性和完整性，需要加上 --force 参数。

clean.png

4、npm 包全局安装：
全局安装是将npm包安装在node安装目录下的node_modules文件夹中。在windows和mac中，全局安装的默认路径不同。在mac中默认是安装到/usr/local/lib中。在windows默认安装目录是C:\Program Files\nodejs。

/usr/local/lib.png

npm config ls: 查看npm的基础设置
npm root -g: 查看全局安装路径
npm config get prefix: 查看安装node路径

image.png

5、全局命令
npm包在全局安装之后，这个包的命令就会被注册到全局，然后可以直接在命令行中执行这个命令。当全局安装一个npm包，这个包被存放在/usr/locla/lib/node_modules或者C:\Program Files\nodejs\node_modules目录下，而在这个包的package.json文件中，在bin属性下配置的执行命令，会放在/usr/locla/bin或者C:\Program Files\nodejs文件中。当在命令行执行这个命令，系统就会执行/usr/locla/bin目录下对应的文件。

比如安装在全局的typescript 包的 package.json文件：

image.png

6、本地安装
在本地安装一个包之后，这个包的命令会被添加到项目的node_modules/.bin文件中。执行npm run 命令package.json中的scripts会按照一定顺序寻找对应命令的位置，本地的node_modules/.bin也在寻找的清单中，所以本地安装的包的命令可以执行。

Yarn

1、yarn文档[https://yarn.bootcss.com/docs/cli/(https://yarn.bootcss.com/docs/cli/)

2、 一个新的 CLI 工具，拉取的 packages 依然来自 npm 仓库，仓库本身不会变，所以获取或者发布模块的时候和原来一样。

3、命令
yarn why:可用于分析 安装包在哪里被用到

4、Yarn 默认生成锁文件

5、 并行安装
无论 npm 还是 Yarn 在执行包的安装时，都会执行一系列任务。npm 是按照队列执行每个 package，也就是说必须要等到当前 package 成功安装之后，才能继续后面的安装，而 Yarn 是同步执行所有任务，提高了性能。