前言

临近毕业辣，星野最近这段时间正着手准备毕设，欸，打算用Vue写一个前端页面出来
找了个半天，终于找到了个心仪的脚手架，一顿npm install、npm run dev ,正准备高高兴兴地说出：项目启动！！！
结果控制台kuku一顿报错啊~ 10% 20%… Error: error:0308010C:digital envelope routines::unsupported
排查了一下错误，发现用hexo构建博客的时候node.js的版本过高，而这个脚手架项目的前端只能适配低版本的node.js。
可我又不想把高版本的删掉，再重新来过，这样就面临一个频繁切换版本的情况。
面对切换的苦恼，遂本文将使用nvm进行node.js版本管理的方法分享，彻底告别nodejs版本切换的困扰。

发车！

nvm介绍

nvm是什么？

nvm 一个nodejs版本管理工具！
nvm全英文也叫node.js version management，是一个nodejs的版本管理工具。
为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。

nvm能干嘛？

简单的命令下载长期稳定支持版本的 Node.js
简单的命令实现 Node.js 的多个版本之间轻松切换

食用手册

先清空本地安装的node.js版本（没安装过的可以跳过这步啦）
1. 按健win+R弹出窗口，键盘输入cmd,然后敲回车
2. 然后进入命令控制行窗口，并输入where node查看之前本地安装的node的路径，找到上面找到的路径，将node.exe所在的父目录里面的所有东西都删除
3. 为了彻底删除之前安装的node.js，在系统设置中的“控制面板”中找到Node.js程序并卸载。
4. 删除.npmrc配置文件（默认会在C:\User\用户名）
5. 删除可能遗漏的nodejs文件
  1
  2
  3
  4
  C:\Program Files (x86)\Nodejs
  C:\Program Files\Nodejs
  C:\Users\用户名\AppData\Roaming\npm
  C:\Users\用户名\AppData\Roaming\npm-cache
6. 查看是否删除成功
  1
  2
  node -v
  # 提示【不是内部或外部命令，也不是可运行的程序或批处理文件】则为删除成功
安装并使用nvm管理工具
1. 从官网下载安装包 https://github.com/coreybutler/nvm-windows/releases，下载nvm-setup.exe程序
2. 双击nvm-setup.exe文件，选择“I accept the agreement”那一行，点击next
3. 可以根据自身情况自定义选择路径盘，路径不要出现空格或中文符号
4. 选择node.js的安装位置，可以根据自身情况自定义选择路径盘，路径不要出现空格或中文符号，我自己在D盘根目录下新建一个nodejs文件夹。选好后点击next
5. 最后一步，点击install即可安装完成
【配置】nvm环境变量
1. C盘默认安装(如果C盘默认安装nodejs可以跳过此步骤)
2. 自定义安装(正常来说运行可执行文件后就自动配置了环境变量)
- 我的电脑➡属性➡高级设置➡环境变量
- 【新建】系统变量NVM_HOME，将nvm安装目录配置进去(我的目录是D:\nvm)，并设置名称NVM_HOME
- 编辑【Path】:将系统变量%NVM_HOME%配置到【Path】中
检验是否安装成功
- 进入命令控制行窗口（进入方法见前面），输入命令nvm -v查看，如果出现版本号，即安装成功
  1
  2
  C:\Users\xingye>nvm -v
  1.1.12

配置淘宝镜像源

打开安装目录D:\nvm，找到settings.txt文件，双击打开它

在原始文件下添加淘宝镜像源

#原始文件
root: D:\nvm
path: D:\nodejs

#添加文件
# 配置node镜像：
node_mirror: https://npmmirror.com/mirrors/node/
 
# 配置npm镜像：
npm_mirror: https://npmmirror.com/mirrors/npm/

安装node.js版本

输入命令行nvm list available查看可用的node.js版本号

C:\Users\xingye>nvm list available

|   CURRENT    |     LTS      |  OLD STABLE  | OLD UNSTABLE |
|--------------|--------------|--------------|--------------|
|    23.3.0    |   22.11.0    |   0.12.18    |   0.11.16    |
|    23.2.0    |   20.18.1    |   0.12.17    |   0.11.15    |
|    23.1.0    |   20.18.0    |   0.12.16    |   0.11.14    |
|    23.0.0    |   20.17.0    |   0.12.15    |   0.11.13    |
|   22.10.0    |   20.16.0    |   0.12.14    |   0.11.12    |
|    22.9.0    |   20.15.1    |   0.12.13    |   0.11.11    |
|    22.8.0    |   20.15.0    |   0.12.12    |   0.11.10    |
|    22.7.0    |   20.14.0    |   0.12.11    |    0.11.9    |
|    22.6.0    |   20.13.1    |   0.12.10    |    0.11.8    |
|    22.5.1    |   20.13.0    |    0.12.9    |    0.11.7    |
|    22.5.0    |   20.12.2    |    0.12.8    |    0.11.6    |
|    22.4.1    |   20.12.1    |    0.12.7    |    0.11.5    |
|    22.4.0    |   20.12.0    |    0.12.6    |    0.11.4    |
|    22.3.0    |   20.11.1    |    0.12.5    |    0.11.3    |
|    22.2.0    |   20.11.0    |    0.12.4    |    0.11.2    |
|    22.1.0    |   20.10.0    |    0.12.3    |    0.11.1    |
|    22.0.0    |    20.9.0    |    0.12.2    |    0.11.0    |
|    21.7.3    |   18.20.5    |    0.12.1    |    0.9.12    |
|    21.7.2    |   18.20.4    |    0.12.0    |    0.9.11    |
|    21.7.1    |   18.20.3    |   0.10.48    |    0.9.10    |

输入命令行nvm install node版本号(例如：nvm install 12.17.0)即可安装对应版本以及自动安装对应的npm版本。
1
2
3
4
5
6
nvm install 14.21.3
...
nvm use 14.21.03
nvm install 20.12.1
...
nvm use 20.12.1
查看已安装nodejs版本nvm list
1
2
3
4
nvm list

20.12.1
14.21.3

切换当前使用版本nvm use node版本号

1
2
3

nvm use 14.21.3

* 14.21.3 (Currently using 64-bit executable)

分别输入命令行node -v和npm -v，检验node.js以及对应npm是否安装成功，如果可以显示版本号这说明安装成功
1
2
3
4
5
node -v
v14.21.3

npm -v
6.14.18
卸载nodejs版本
1
nvm uninstall 14.21.3

灰头土脸赶毕设

再一次npm install、npm run dev ，启动成功！

1
2
3

App running at:
- Local:   http://localhost:21091/
- Network: http://localhost:21091/

此贴完结~开肝！