NPM入门（2）

目录

NPM是什么？

NPM由三个独立部分组成

NPM与Node.js的区别？

如何安装NPM?

NPM使用

安装NPM包

安装本地包

安装全局包

常用命令

package.json 与 package-lock.json

Yarn是什么？

Yarn的优点？

CLI 命令比较

干货

使用淘宝npm

---

NPM是什么？

npm（Node Package Manager）是Node.js以JavaScript编写的软件包管理系统。

NPM由三个独立部分组成

1. 网站：https://www.npmjs.com/是开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径。
2. 注册表：是一个巨大的数据库，保存了每个包（package）的信息。
3. 命令行工具 (CLI)： 通过命令行或终端运行。开发者通过 CLI 与 npm 打交道。

NPM与Node.js的区别？

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

如何安装NPM?

1. npm会随着node.js自动安装，所以不需要安装，只升级就好

查看当前版本：npm -v
更新到最新版本：npm install npm@latest -g
更新到最新官方测试版本：npm install npm@next -g

NPM使用

1.  在https://www.npmjs.com/网站找到需要在包
2. 在项目的根目录下，执行npm install 包名称安装
3. 在node.js代码中通过require('包名');加载该模块

ye:注意:通过npm install 包名 安装的包，会自动下载到当前目录下的node_modules目录下

安装NPM包

有两种方式用来安装 npm 包：本地安装和全局安装。至于选择哪种方式来安装，取决于我们如何使用这个包。

如果你自己的模块依赖于某个包，并通过 Node.js 的 require 加载，那么你应该选择本地安装，这种方式也是 npm install 命令的默认行为。

如果你想将包作为一个命令行工具，（比如 grunt CLI），那么你应该选择全局安装。

安装本地包

1、安装mime包

npm install mime

2、使用

• 如果 node_modules 目录下存在一个名为 mime的文件夹，则说明成功安装了这个包。
• 创建文件mimeDemo.js

const mime = require('mime');
console.log(mime.getType('ye.txt'));

• 运行mimeDemo.js

D:\backup\Desktop\ye90
λ node mimeDemo.js
text/plain

ye: 一定要在package.json文件所在的目录中执行。再次运行npm install mime 命令可以修复安装失败的问题

安装全局包

1、安装mime全局包

npm install -g mime

2、使用

D:\backup\Desktop\ye90  (ye90@1.0.0)
λ mime "ye90sf.txt"
text/plain

常用命令

npm install <package> 安装本地包
npm update <package> 更新本地安装的包
npm uninstall <package> 卸载本地安装的包
npm install -g <package> 安装全局包
npm update -g <package> 更新全局安装的包
npm uninstall -g <package> 卸载全局安装的包

package.json 与 package-lock.json

      1、package.json 

描述：package.json文件是一个包说明（项目描述文件）

创建package.json文件：通过npm init 或者npm init -y命令

      2、 package-lock.json

描述：锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致（package-lock.json文件是npm5以后才有的新文件）。

创建package-lock.json：npm install

Yarn是什么？

“Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。

ye：yarn是一个自动安装依赖包的工具，跟Linux的yum一样。

Yarn的优点？

•    速度快 。速度快主要来自以下两个方面：

1. 并行安装：无论 npm 还是 Yarn 在执行包的安装时，都会执行一系列任务。npm 是按照队列执行每个 package，也就是说必须要等到当前 package 安装完成之后，才能继续后面的安装。而 Yarn 是同步执行所有任务，提高了性能。
2.  离线模式：如果之前已经安装过一个软件包，用Yarn再次安装时之间从缓存中获取，就不用像npm那样再从网络下载了。

•    安装版本统一：为了防止拉取到不同的版本，Yarn 有一个锁定文件 (lock file) 记录了被确切安装上的模块的版本号。每次只要新增了一个模块，Yarn 就会创建（或更新）yarn.lock 这个文件。这么做就保证了，每一次拉取同一个项目依赖时，使用的都是一样的模块版本。npm 其实也有办法实现处处使用相同版本的 packages，但需要开发者执行 npm shrinkwrap 命令。这个命令将会生成一个锁定文件，在执行 npm install 的时候，该锁定文件会先被读取，和 Yarn 读取 yarn.lock 文件一个道理。npm 和 Yarn 两者的不同之处在于，Yarn 默认会生成这样的锁定文件，而 npm 要通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件，只有当这个文件存在的时候，packages 版本信息才会被记录和更新。
•    更简洁的输出：npm 的输出信息比较冗长。在执行 npm install <package> 的时候，命令行里会不断地打印出所有被安装上的依赖。相比之下，Yarn 简洁太多：默认情况下，结合了 emoji直观且直接地打印出必要的信息，也提供了一些命令供开发者查询额外的安装信息。
•    多注册来源处理：所有的依赖包，不管他被不同的库间接关联引用多少次，安装这个包时，只会从一个注册来源去装，要么是 npm 要么是 bower, 防止出现混乱不一致。
•    更好的语义化： yarn改变了一些npm命令的名称，比如 yarn add/remove，感觉上比 npm 原本的 install/uninstall 要更清晰。

CLI 命令比较

npm (v5)	Yarn
npm install	yarn install
npm install [package]	yarn add [package]
npm install [package] --save-dev	yarn add [package] --dev
npm install [package] --save-optional	yarn add [package] --optional
npm install [package] --save-exact	yarn add [package] --exact
npm install [package] --global	yarn global add [package]
npm update --global	yarn global upgrade
npm uninstall [package]	yarn remove [package]
npm cache clean	yarn cache clean [package]

干货

使用淘宝npm

1、获取原本的镜像地址

npm get registry
yarn config get registry 或者 yarn config list

2、临时使用

npm --registry https://registry.npm.taobao.org install express

3、持久使用（中国人必须设置这个，否则会有各种安装慢或失败，如：chromedriver 谷歌包）

npm config set registry https://mirrors.huaweicloud.com/repository/npm/
yarn config set registry https://mirrors.huaweicloud.com/repository/npm/


npm 官方原始镜像网址是：https://registry.npmjs.org/
淘宝 NPM 镜像：https://registry.npm.taobao.org/
阿里云 NPM 镜像：https://npm.aliyun.com
腾讯云 NPM 镜像：https://mirrors.cloud.tencent.com/npm/
华为云 NPM 镜像：https://mirrors.huaweicloud.com/repository/npm/
网易 NPM 镜像：https://mirrors.163.com/npm/
中科院大学开源镜像站：http://mirrors.ustc.edu.cn/
清华大学开源镜像站：https://mirrors.tuna.tsinghua.edu.cn/
腾讯，华为，阿里的镜像站基本上比较全

4、通过cnpm使用

npm install -g cnpm --registry=https://registry.npm.taobao.org
安装命令：cnpm install 包名

5、换回原来的镜像

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