前言：

在Web前端项目开发过程中，由于各种前端框架、插件 以及 Nodejs、Npm 的飞速更新，在项目新开发 或 对老项目进行更新维护时，有些项目版本的配置 和 当前Node、Npm环境不匹配，导致运行报错，甚至都无法启动。

Nvm的出现就是为了解决以上问题的，Nvm是一个Node.js版本管理器 ，为了解决Node各种版本存在不兼容问题，Nvm其实是让你在同一台机器上根据需要，安装 或 切换项目所对应的Node版本来适配项目。

一、下载nvm：

下载地址：Releases · coreybutler/nvm-windows · GitHub

里面有nvm各种安装的式压缩文件，点击即可下载，这里整个过程都以windows环境为例:

• nvm-noinstall-v1.1.10.zip： 这个是绿色免安装版本，但是使用之前需要配置。
• nvm-setup-v1.1.10.zip：这是一个安装包，下载之后点击安装，无需配置就可以使用（推荐）。

• Source code(1.1.10.zip)：zip压缩的源码。

• Source code(1.1.10.tar.gz)：tar.gz的源码，一般用于*nix系统。

下载完成后 解压 nvm-setup.zip 文件，得到nvm安装文件，点击运行 nvm-setup.exe 

注：如果需要其他或最新版本在GitHub中去下载：https://github.com/coreybutler/nvm-windows/tags

二、安装nvm：

1、这里以Windows v1.1.7版为例，其他版安装类似，下载完成后直接双击nvm-setup.exe，在弹出的界面中选择同意协议，然后点击下一步，来到设置nvm的安装目录界面

2、点击Next按扭后，来到设置nodejs的安装存储目录界面

3.点击Next按扭后，来到nvm正式界面，执行安装，等待完成即可

到此nvm的安装就OK了。

nvm在安装成功后，会帮我们配置好环境变量(就是在电脑中的任何目录下都可以使用nvm命令)。

所以在任意目录中的空白处 按住Shift键不放，鼠标点击右键，在弹出的菜单中选择 “在此处打开 Powershell 窗口(S)”。

在弹出的命令窗口中输入相关命令，查看nvm版本号、nodejs版列表、nvm命令说明等：

三、配置 node 和 npm 的镜像地址

   由于npm的包管理仓库默认是在国外的，安装时非常慢，甚至不能安装，我们可以通过使用国内的淘宝镜像（每10分钟从原npm仓库同步一次）来安装，这样在安装npm包时就会快很多啦！

淘宝镜像：https://npmmirror.com
 

当然如果你的网速很好 或 有梯子的话，这里可直接跳过！

• 查看npm配置列表：

 npm config list

• 只查看npm镜像地址：【默认npm镜像：https://registry.npmjs.org/】

npm config get registry

• 配置npm镜像：

# 配置npm镜像地址：
npm config set registry https://registry.npm.taobao.org

# 清空npm缓存(新安装跳过)
npm cache clean --force


# 扩展：配置cnpm镜像地址：
npm install -g cnpm --registry=https://registry.npm.taobao.org

•  配置nvm镜像：

在nvm安装目录，找到 setting.txt 文件加上如下两行配置：

# 配置node镜像：
node_mirror: https://npm.taobao.org/mirrors/node/

# 配置npm镜像：
npm_mirror: https://npm.taobao.org/mirrors/npm/

添加后的setting.txt文件内容

root: C:\Users\mugui\AppData\Roaming\nvm
path: C:\Program Files (x86)\nodejs
            
node_mirror: https://npm.taobao.org/mirrors/node
npm_mirror: https://npm.taobao.org/mirrors/npm

四、用Nvm安装Node.Js

nvm install 12.18.0   // 这里以安装nodejs v12.18.0为例

// 执行以上安装命令，等待安装完成即可，由于是外部网络，请耐心等待！

// 等待安装完成后还可以继续安装多个nodejs版本。

// 为了便于演示，再安装了另到两个不同的nodejs版本。

nvm install 10.16.0

nvm install 14.6.0

 以上安装完成后，会在我们指定的nvm安装目录：D:\Nvm目录中出现对应的Node.js版本啦！

这是nodejs版本目录中的内容： 

查看己安装的nodejs版本 或 切换 nodejs 环境：

查看切换nodejs版本后的存放路径：

五、全局共享Npm:

一般在安装node的时候，npm也会自动一起安装的。由于nvm可以管理多个版本的node，如果每次添加一个node版本都要安装一堆npm包就烦锁了，所以将npm全局共享出来，只需全局（在安装模块时 npm i xxx -g ）加上-g， 就可以让各个版本的node共用就OK了。

当然npm全局安装目录也是可以修改的：使用：npm  config set prefix "要设置的路径" 命令就可以修改！

// 默认全局的npm安装目录：C:\Users\Administrator\AppData\Roaming\npm
npm config set prefix "C:\Users\Administrator\AppData\Roaming\npm"

// 默认全局的npm缓存目录：C:\Users\Administrator\AppData\Roaming\node_cache
npm config set cache "C:\Users\Administrator\AppData\Roaming\node_cache"

用 npm root -g 命令，可以查看全局默认npm包的存储位置。

然后将npm包的路径添加到用户环境变量中，就实现npm全局共享啦！具体步骤如下图提示以操作即可！

注：环境变量在设置完成以后，一定要重新启动 或 注销一下电脑，环境变量才能生效哦！！

六、Nvm常用指令：

• 【查看版本】：

命令	说明
nvm version	查看nvm版本
nvm ls	查看所有已经安装的Nodejs版本
nvm list installed	查看所有已经安装的Nodejs版本
nvm ls available	查看运程线上所有版本(列出所有可以安装的node版本号)
nvm root	查看nvm安装路径
nvm arch	查看节点是否以32位或64位模式运行
nvm current	查看当前node版本
nvm proxy	查看设置与代理

• 【安装版本】：

命令	说明
nvm install latest	安装最新稳定版Nodejs
nvm install 12.18.0	安装指定版本
nvm uninstall 12.18.0	卸载指定 12.18.0版本

• 【切换版本】：

命令	说明
nvm use 版本号	切换版本（这个是全局的）
nvm use 12.18.0	切换到2.18.0版本

• 【其他命令】：

命令	说明
nvm alias default node	设置默认版本为最新版本
nvm on	启用node.js版本管理
nvm off	禁用node.js版本管理
nvm proxy [url]	设置用于下载的代理。将[url]留空以查看当前代理。 将[url]设置为“无”以删除代理

 七、可能遇到的问题：

1、用Npm安装xxx插件后，在使用时出现如下：

错误1：无法加载文件 C:\Program Files\nodejs\npm.ps1，因为在此系统上禁止运行脚本，有关详细信息请参阅。。。！

错误2：xxx在使用时出现：无法将“xxx”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。

问题原因：

1、执行策略权限不足（执行不信任的脚本），执行策略默认是 Restricted

2、没有配置全局npm的环境变量

解决办法1：执行策略权限

1、用快捷键：Win + X，选择 Windows Power Shell(管理员)(A) ，以管理员身份打开Power Shell。

2、在打开的打开Power Shell窗口中输入命令：set-executionpolicy remotesigned

3、然后输入 Y，按回车键，问题解决。

解决办法2：给全局Npm配置系统环境变量

1、查看全局npm的存放目录路径，用 npm root -g 命令

npm root -g

C:\Users\Administrator\AppData\Roaming\npm  // 这个就是全局npm的存放路径

2、配置系统环境变量

3、配置完成后，重启电脑 或 重新打开一个命令窗口测试即可！

2、当用nvm切换到指定的某个nodejs版本后，npm命令无法使用（找不到npm）：

问题原因：

1、用nvm安装node时，默认没有把npm包一起安装上！

解决办法：手动下载安装

1、查看全局nvm的node版本管理存放目录路径，用 nvm root  命令

 2、打开nvm的node版本管理存放目录，下载对应的npm版本，放到node对应版本目录下的node_modules目录中即可。

npm（Node）下载地址：以往的版本 | Node.js

3、当完成以上两个步骤后，我们在再到命令行工具中输入 npm -v 命令时，就有npm啦！！

 

八、其他相关问题：

问题1：

在团队项目开发过程中，如果开发成员的npm包管理工具版本不一致时（因为各npm版本之间存在兼容性问题），导致在安装项目依赖执行npm install 命令时报错如下：

ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree

解决办法1：

可通过升级 或 降级 指定的 npm 版本来处理该问题： 【注：@后面是自定义的版本号】，将安装命令 npm install 改为如下：

npx -p npm@6 npm i --legacy-peer-deps 

解决办法2：

可通yarn来安装：

yarn install

问题2：

使用 npm 或 yarn 安装项目依赖包时，报错导致在安装执行npm install 命令时报错如下：

error An unexpected error occurred: "https://registry.npmmirror.com......：unable to get local issuer certificate".

info If you think this is a bug...

解决办法：

npn：

npn config set "strict-ssl" false -g

yarn：

yarn config set "strict-ssl" false -g

问题3：

使用npm install yarn -D 来安装yarn工具后，执行yarn时报：

yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。

解决办法：

在开始菜单中搜索PowerShell以管理员身份打开命令行工具，执行如下命令：

set-ExecutionPolicy RemoteSigned

然后选择 y