npm、nrm、nvm的安装和使用
npm、nrm、nvm是什么？
npm、nrm、nvm 是 JavaScript 开发中常用的三个工具
-
npm：npm（Node Package Manager）是 Node.js 的包管理器，用于安装、管理、卸载 JavaScript 模块。npm 提供了一个包管理器，使得开发者可以方便地使用第三方模块，同时也可以将自己编写的模块发布到 npm 上供其他人使用
-
nrm：nrm（npm registry manager）是 npm 镜像源管理工具，用于快速地在不同的 npm 源之间切换。在中国大陆，由于网络的原因，npm 的默认源可能会出现下载速度较慢或者无法访问的情况，nrm 可以帮助开发者快速地切换到可用的源，提高包的下载速度
-
nvm：nvm（Node Version Manager）是 Node.js 版本管理工具，可以方便地在同一台机器上安装、管理多个 Node.js 版本。由于不同的项目可能需要使用不同的 Node.js 版本，nvm 可以帮助开发者快速地在不同的 Node.js 版本之间切换，避免版本冲突的问题
npm
概念
NPM 的全称是Node Package Manager，包管理工具。但是实际中， npm 一词有三个含义
- 网站 是开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径
- 注册表 是一个巨大的数据库，保存了每个包（package）的信息
- CLI 通过命令行或终端运行。开发者通过 CLI 与 npm 打交道
查看 npm 的版本
npm -v
初始化一个npm项目
在目录下运行以下命名，目录中就会 多了一个文件 package.json ，就是 npm 指定的说明书
npm init -y
下载包
npm i 包名称
或
npm install 包名称
同时下载多个包
将多个包以空格隔开
npm i axios jquery echarts bootstrap
修改镜像源地址
镜像源，就是下载包的地址，默认是国外，有时候下载非常慢
阿里、腾讯，自己搭建了一个 类似 npm 网站 网站，每隔 10 分钟 ，自动去同步一下国外正版 npm 网站，所以我们可以设置 自己 npm 下载地址，修改为阿里或者腾讯
注：如果使用了nrm的话，就不需要做这个设置了
npm config set registry http://registry.npm.taobao.org
下载包指定的版本
要确保，下载的包的版本存在，以下载echarts的5.3.0版本为例
image.png
npm i echarts@5.3.0
卸载包
npm un axios jquery echarts bootstrap
批量下载依赖
npm i
yarn
类似 npm 包管理器，可以下载卸载、更新第三方模块，以下是全局安装yarn
npm i yarn -g
nrm
npm可以帮助您轻松快速地在不同的镜像之间切换
安装
全局安装 nrm
npm i -g nrm
使用
- nrm ls 查看可以用的镜像
- nrm test 测试镜像的速度
- nrm use 镜像名称 切换镜像
nvm
nvm是一个 node版本管理工具，拥有它可以轻松的让我们在一台电脑上随时切换node版本
mac 安装
- 打开终端（Terminal）应用程序。您可以通过在 Spotlight 搜索栏中键入“终端”或通过进入“应用程序”文件夹下的“实用工具”文件夹找到它。
- 在终端中输入以下命令来安装 Homebrew(如果已经安装，可以跳过)，您将需要按照提示提供管理员密码以继续：
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
- 安装 nvm
brew install nvm
- 现在，您需要在 Mac 上创建一个新的终端会话以便 nvm 可以正常工作。在终端中输入以下命令
touch ~/.bash_profile
- 现在，您需要将以下内容添加到 .bash_profile 文件中
export NVM_DIR="$HOME/.nvm" [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"
- 您可以使用以下命令将其添加到文件中
echo 'export NVM_DIR="$HOME/.nvm"' >> ~/.bash_profile echo '[ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"' >> ~/.bash_profile
windows 安装
- 下载好nvm-windows.exe，使用管理员权限，一路下一步，遇到选择安装目录时，尽量选择非C盘的目录，避免出现权限问题！
基本使用
- nvm -v 查看nvm 版本
- nvm current 查看当前使用的node 版本
- nvm list 查看已经下载过的node版本
- nvm list available 查看可以下载的node版本
- nvm node_mirror https://npmmirror.com/mirrors/node/ 设置 nvm 下载 node的镜像地址
- nvm npm_mirror https://npmmirror.com/mirrors/npm/ 设置 nvm 中的npm 的镜像地址
- nvm install 版本号 安装特定版本的node
- nvm use 版本号切换特定版本的node
- nvm uninstall 版本号卸载特定版本的node
常见问题
安装nvm失败，或者use指定指定版本的node，虽然提示成功，但实际没有成功
- 关闭防火墙-安全防护
- 关闭杀毒软件
- 在控制面板中卸载node
- 将nvm安装在D盘或者E盘的根目录下，nvm的安装过程中，会出现两个安装目录，分别是nvm和 nodejs
- 如 D:nvm
- 如 D:nodejs
- 授予以上2个目录的权限
- 文件夹属性，取消只读
image.png
- 文件夹属性，选择安全，选择`Authenticated Users`账户，设置为`完成控制`
image.png
- 使用管理员身份打开cmd，测试nvm是否安装成功，nvm -v
- 设置nvm中，安装node的镜像地址：
nvm node_mirror https://npmmirror.com/mirrors/node/ - 开始安装node ，
nvm install 18.14.1 - 切换node 版本，
nvm use 18.14.1 - 确认是否成功，出现版本号即为成功，
node -v
image.png
image.png
