NPM和Yarn使用指南

1.NPM使用指南

NPM(node package manager),是Node.js的包管理工具,通常称为node包管理器,已经集成了nodejs安装包中。在npm从从5.2版开始,增加了 npx 命令(解决的主要问题,就是调用项目内部安装的模块,很多工具不再需要npm -g 全局来完成使用了),使用npm可以实现从npm远程数据库下载别人编写的第三方包到本地使用。

1.1切换镜像源

npm默认使用国外镜像源地址,有的时候可能网络不是很通顺,可以使用国内镜像源来完成npm下载模块功能

国内主要镜像地址一览:

镜像源镜像源地址
阿里云https://registry.npmmirror.com/
腾讯云http://mirrors.cloud.tencent.com/npm/
华为云https://mirrors.huaweicloud.com/repository/npm/

临时使用镜像源地址

# 在需要下载的地方带上 --registry=镜像源地址即可
npm install -g cnpm --registry=https://registry.npmmirror.com/

永久配置镜像源地址设置

# 永久配置,所有通过npm安装的均使用新的淘宝镜像
npm config set registry https://registry.npmmirror.com/

# 验证
npm config get registry

使用nrm管理npm镜像源

nrm 是一个 npm 源管理器,允许你快速地在 npm源间切换。npm默认情况下是使用npm官方源(npm config list 来查看),如果直接修改npm源,如果后续需要连接到官方源才能工作,这样来回切换源就变得麻烦了,nrm通过简单的命令就可以解决此问题。
# 安装 nrm
npm i nrm -g

# 查看可用源
nrm ls

# 切换源
nrm use 名称(npm)

1.2 其他命令

# 初始化项目配置
npm init -y

# 查看当前安装的树形模块
npm list

# 安装模块
npm install 模块名[@版本号 可选]  或  npm i 模块名[@版本号 可选]

2.Yarn安装配置

​ Yarn是Facebook发布的一款依赖包安装工具,一个新的快速安全可信赖的可以替代NPM的依赖管理工具。

2.1.yarn的安装

# 全局安装
npm i -g yarn

# 查看版本
yarn -V

2.2.yarn的常用命令

# 初始化项目
$ yarn init

# 跳过会话,直接通过默认值生成 package.json
$ yarn init --yes # 简写 -y

# 安装包
$ yarn add <packagename>

# 全局安装
$ yarn global add <packagename>

# 开发依赖安装
$ yarn add <packagename> -D

# 更新一个依赖
$ yarn upgrade <packagename>

# 忽略版本规则
$ yarn upgrade --latest

# 移除一个依赖
$ yarn remove <packagename>

# 安装所有依赖
$ yarn

# 强制下载安装
$ yarn install --force

2.3.全局安装和缓存位置配置

#1.改变 yarn 全局安装位置
yarn config  set global-folder "你的磁盘路径"

#2. 改变 yarn 缓存位置
yarn config set cache-folder "你的磁盘路径"

在我们使用 全局安装 包的时候,会在 D:\Yarn\global下 生成 node_modules\bin 目录

Tips:需要将 D:\Yarn\global\node_modules.bin 整个目录 添加到系统环境变量中去,否则通过yarn 添加的全局包在cmd 中是找不到。

2.4.yarn设置镜像源地址

临时使用镜像源地址

# 在需要下载的地方带上 --registry=镜像源地址即可
$ yarn add vue --registry=https://registry.npmmirror.com/

永久配置镜像源地址设置

# 永久配置,所有通过npm安装的均使用新的淘宝镜像
$ yarn config set registry https://registry.npmmirror.com/

# 验证
$ yarn config get registry
Nodejs NPM Yarn 镜像源 包管理器
Theme Jasmine by Kent Liao