用户中心项目教程（三）---再谈nvm,nodejs和神器Geek

1.昨日回顾

我依稀记得昨天的时候关于这个umi3相关的兼容性问题导致的这个种种的报错，所以今天想要尝试一下这个vue的版本，因为之前的那个老的版本就是使用的这个react这个框架，但是新的版本使用的是这个vue框架，而且这个视频就是在B站上面放出来的，我们都是可以学习的；

2.nodejs&&nvm使用

下面的这个就是我使用的这个vue对应的官方的网站，但是我听说这个nvm可以对于我们的nodejs的版本进行管理，我自己的却不行，所以首先解决一下这个问题；

2.1问题抛出

他的这个报错就是下面的这个情况：nvm list版本应该是显示这个下面的所有的nodejs版本的，我知道自己安装了这个nodejs，但是这个我输入指令的时候，他却什么都识别不出来；

2.2解决方案

下面的这个是我问的变成导航里面的前辈，他们给的这个解释，这个问题就是因为我的nodejs不是通过这个nvm安装的，而是单独安装的，所以这个指令nvm list他识别不出来我的这个nodejs的版本信息；

所以接下来就需要引出这个geek这个软件了；

3.geek的使用

这个软件是用来删除我们的软件的，因为有些时候我们删除的不干净，会有其他的兼容性问题，而这个软件就是删除软件，目录及其所在这个注册表里面的所有的内容；

3.1页面展示

3.2下载链接

百度网盘链接

提取码: yhbq

3.3如何使用

就是在geek页面找到我们之前的这个nodejs，直接右键，有个卸载选项，点击即可；

3.4使用nvm安装

nvm install 20

这个就是安装版本号为20的这个nodejs，其他的版本的以此类推；

因为这个nvm主要就是在多个版本里面进行切换吗，所以我们大概是会安装多个版本；

例如，我们还安装了一个16版本的：nvm install 16

这个时候我们的nvm list就会显示两个版本，但是这个时候我们的node js还是识别不出来；

我们还需要下面的这个指令：

nvm use 20

这个表示我们使用版本号为20的这个nodejs；

这个时候再次运行nvm list,就会发现这个20版本号前面多了这个*，且后面有一个括号，说的是什么current之类的，大概就是说这个版本是我们当前使用的版本；

但是如果你没有进行这个nvm use操作，这个就不会显示我们当前的这个版本，因此这个nodejs也不会识别出来的；

如何进行切换呢：

nvm use 16---这样我们就可以切换到这个16版本的这个nodejs里面去了；

4.按照官方文档操作

上面的这个准备工作完成之后：直接cv官方文档里面的内容进行安装的过程；

4.1官方文档

4.2我的演示

下面的就是检查我们的vue的版本，这个直接检查也是会出错，我自己是在这个前面加上了npx，就会显示出来这个版本的信息；

4.3可能出现的问题

下面的这个是我使用的cmd操作的这个情况，会报错，如果遇到和我一样的情况，直接按照上面的，打开管理员终端进行相关的操作，这个没办法；