NodeJS、nvm、npm、yarn、pnpm 的 安装 和 使用

一、安装 NodeJS

• 直接去 Node官方 下载安装即可；
• 安装完成之后：

    // 运行命令查看Node是个否安装成功
    // 随便在哪里打开一个终端，查看 NodeJS 版本号，能看到版本号表示成功
    node -v

• 
• 安装NodeJS的时候，会自动集成npm包管理工具，此时就可以正常使用npm了；

二、nvm 的 安装 和 使用

2.1 安装 nvm

2.1.1 windows

• 去 nvm中文网 下载对应系统和版本的 nvm；
• 安装具体教程大家先百度一下吧😁。

2.1.2 mac

• 前提条件：
  • 当前电脑没有安装node；
  • 需要安装git；
• 按照nvm官网的命令安装即可；
• 安装完成之后重启终端，查看nvm版本；
• 若显示command not found: nvm；
  • 使用 刷新 source ~/.bash_profile 刷新环境变量即可；

2.2 使用 nvm

// 查看已安装的所有node版本
nvm list

// 安装最新版本
// windows
nvm install latest
// mac
nvm install node

// 安装指定版本 node
nvm install 版本号

// 卸载指定版本 node
nvm uninstall 版本号

// 使用指定版本
nvm use 版本号

// 查看当前版本号
nvm current

// ❗️注意 - 若使用的是 mac 系统，需要设定默认的node版本
// 不然会导致上次使用的14版本，下次重新开机之后，又会恢复到最新的稳定版本
nvm alias default 版本号

• 查看所有node版本 / 使用指定版本：
  • 
• 卸载指定版本node：
  • 

三、 npm 相关命令

// 安装包
npm install <package_name>  // install 可以简写成 i

// 安装所有的包
npm i

// 全局安装包
npm install -g <package_name>  // 下面的简写
npm install --global <package_name> //两者均可

// 安装指定版本的包
npm install <package_name>@latest  // 默认就是这种格式（和 npm i xxx 一样） - 安装最新版
npm install <package_name>@版本号

// 更新npm
npm install -g npm 或 npm i -g latest

// 卸载包
npm uninstall <package>

// 检查当前的下包镜像源
npm config get registry

// 将下包的镜像源切换为淘宝镜像源
// 该地址证书已到期 请使用下面的源地址 npm config set registry http://registry.npm.taobao.org/
npm config set registry https://registry.npmmirror.com

// 检查镜像源是否下载成功
npm config get registry

四、 yarn 的 安装 和 使用

4.1 安装 yarn

// 全局安装 yarn
npm i yarn -g

// 检查是否安装成功(能看到版本号表示成功)
yarn -v

4.2 yarn 的使用

// 安装包
// 会自动安装最新版本，并且会覆盖指定版本的包
yarn add <package_name>

// 安装指定版本的包
yarn add <package_name>@版本号

// 一次性安装多个包（包与包之间用空格隔开）
yarn add <package_name> <package_name> <package_name>

//不指定依赖类型默认安装到dependencies里，你也可以指定依赖类型：
yarn add <package_name> --dev / -D // 加到 devDependencies
yarn add <package_name> --peer / -P // 加到 peerDependencies
yarn add <package_name> --optional / -O  // 加到 optionalDependencies

// 安装所有的包
yarn

// 更新包
yarn upgrade <package_name>  // 更新到最新版本
yarn upgrade <package_name>@版本号  // 更新到指定版本

// 移除包
yarn remove <package_name>

// 查询当前设置的镜像
yarn config get registry

// 切换淘宝镜像
yarn config set registry https://registry.npm.taobao.org

五、pnpm 的 安装 和 使用

• 本质上是一个包管理工具，和 npm / yarn 没有区别，主要 优势 在于：
  • 包安装速度极快；
  • 磁盘空间利用效率高；

5.1 安装 pnpm

npm i pnpm -g

• 注意：
  • pnpm 的安装和 NodeJS 版本有关，需要安装和 NodeJS 版本对应的 pnpm；

5.2 pnpm 的常用命令

• 更多命令可以去 pnpm中文网 查看；
  • 快速入门 ➡ CLI命令；

// 安装所有的包
pnpm install

// 安装某一个包
pnpm add axios

// 安装到指定环境
pnpm add webpack -D

// 运行项目
pnpm dev

// 更新pnpm
pnpm self-update

• 命令对比：
  • 使用 pnpm 创建项目的命令和 npm 的一致；