欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

NPM入门(2)

程序员文章站 2022-05-31 20:15:06
...

目录

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 [email protected] -g
更新到最新官方测试版本:npm install [email protected] -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  ([email protected])
λ 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 的一些缺陷而出现的。

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

2、临时使用

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

3、持久使用

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

yarn config set registry http://registry.npm.taobao.org/

4、通过cnpm使用(推荐这方法)

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

5、换回原来的镜像

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