我们在使用前端包管理工具时经常见到npm、cnpm和yarn,那么他们之间有什么区别呢?使用方法是怎样的?我们来了解一下。
- npm(Node Package Manager):npm 是 Node.js 的默认包管理器,用于安装、发布和管理 JavaScript 包。它是一个命令行工具,可以在终端中使用。npm 有一个全球的包仓库,可以从中下载和安装各种 JavaScript 包。
- cnpm(China npm):cnpm 是 npm 的一个镜像,专门为中国用户提供更快的下载速度。由于 npm 的服务器位于国外,中国用户在使用 npm 时可能会遇到下载速度慢的问题。cnpm 通过将 npm 的包镜像到国内服务器,解决了这个问题。
- yarn:yarn 是由 Facebook 开发的另一个 JavaScript 包管理器。与 npm 不同,yarn 具有更快的下载速度和更稳定的依赖管理。它还引入了一些新的功能,如离线模式、并行安装等。yarn 使用与 npm 相同的包仓库,可以直接使用 npm 的包。
一、npm介绍
npm 全称 Node Package Manager ,翻译为中文意思是『 Node 的包管理工具』
1.1 npm 的安装
node.js
在安装时会
自动安装
npm
,所以如果你已经安装了
node.js
,可以直接使用
npm
可以通过
npm
-
v
查看版本号测试,如果显示版本号说明安装成功,反之安装失败
1.2 npm 的使用
名称 | 命令 | 介绍 |
初始化 | npm init | 交互式创建 package.json 文件 |
安装 | npm i / npm install | 安装依赖 |
安装指定版本包 |
npm
i jquery@1.11.2
| 安装包后加上@版本号 |
全局安装 |
npm
i
-g
包名称
|
可以在命令行的任何位置运行 命令
|
删除依赖 |
npm
remove 包名称
|
删除某些不需要的包
|
全局删除 |
npm
remove
-g
包名称
| 全局删除 |
二、cnpm介绍
- cnpm 是一个淘宝构建的 npmjs.com 的完整镜像,也称为『淘宝镜像』,网址https://npmmirror.com/
- cnpm 服务部署在国内 阿里云服务器上 , 可以提高包的下载速度
- 官方也提供了一个全局工具包 cnpm ,操作命令与 npm 大体相同
2.1 安装
我们可以通过
npm
来安装
cnpm
工具
npm install -g cnpm --registry=https://registry.npmmirror.com
2.2 操作命令
名称 | 命令 |
初始化 |
cnpm init / cnpm init
|
安装包 |
cnpm i uniq
cnpm i -S uniq
cnpm i -D uniq
cnpm i -g nodemon
|
安装项目依赖 |
cnpm i
|
删除 |
cnpm r uniq
|
2.3 npm 配置淘宝镜像
用
npm
也可以使用淘宝镜像,配置的方式有两种
- 直接配置
- 工具配置
2.4 直接配置
执行如下命令即可完成配置
npm config set registry https://registry.npmmirror.com/
2.5 工具配置
使用
nrm
配置
npm
的镜像地址
npm registry manager
1.
安装
nrm
npm i -g nrm
2.
修改镜像
nrm use taobao
3.
检查是否配置成功(选做)
npm config li
检查
registry
地址是否为
https://registry.npmmirror.com/
,
如果
是
则表明成功
三、yarn介绍
yarn
是由
Facebook
在
2016
年推出的新的
Javascript
包管理工具,官方网址:
https://yarnpkg.com/,
yarn
官方宣称的一些特点:
- 速度超快:yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快
- 超级安全:在执行代码之前,yarn 会通过算法校验每个安装包的完整性
- 超级可靠:使用详细、简洁的锁文件格式和明确的安装算法,yarn 能够保证在不同系统上无差异的 工作
4.3 yarn
安装
我们可以使用
npm
安装
yarn
npm i -g yarn
4.4 yarn
常用命令
名称 | 命令 |
初始化 |
yarn init / yarn init -y
|
安装包 |
yarn add uniq
生产依赖
yarn add less --dev
开发依赖
yarn global add nodemon
全局安装
|
安装项目依赖 |
yarn
|
删除 |
yarn remove uniq
删除项目依赖包
yarn global remove nodemon
全局删除包
|
4.5 yarn
配置淘宝镜像
可以通过如下命令配置淘宝镜像
yarn config set registry https://registry.npmmirror.com/
可以通过
yarn config list
查看
yarn
的配置项