用户中心项目教程(三)---再谈nvm,nodejs和神器Geek
目录
1.昨日回顾
2.nodejs&&nvm使用
2.1问题抛出
2.2解决方案
3.geek的使用
3.1页面展示
3.2下载链接
3.3如何使用
4.按照官方文档操作
4.1官方文档
4.2我的演示
4.3可能出现的问题
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操作的这个情况,会报错,如果遇到和我一样的情况,直接按照上面的,打开管理员终端进行相关的操作,这个没办法;