对于比如像我一样的新手而言,对刚刚开始学习新的东西非常的感兴趣,但是通常在开始时会遇到非常非常多的问题,就比如我遇到的一个问题,困扰了我许久,vue2.0升级3.0后使用vue -V查看版本依然是2.0的版本,这就很难受,我找了许多的办法,但是都没有真正解决到问题,那接下我就分享一下自己的解决办法。

第一步:卸载vue-cli

首先,我们需要把以前安装的vue2.0的版本卸载掉,可以使用npm unistall vue-cli -g命令卸载。然后在自己想要安装的目录下创建node_global、node_cache两个文件夹

升级vue java script 版本 如何升级vue_环境变量


#第二步:配置环境变量

创建好文件夹以后我们就可以去配置环境变量了,先进去到环境变量界面。

升级vue java script 版本 如何升级vue_环境变量_02

进入到环境变量里面后,去系统变量里找看看有没有一个叫 NODE_PATH 名的系统变量,如果有,直接修改为刚刚我们创建的文件夹路径,这里我们需要使用绝对路径,修改的内容为: 绝对目标目录\node_global\node_modules,我这里创建文件夹的路径在D盘的node目录下,所以我的路径为

升级vue java script 版本 如何升级vue_环境变量_03

如果在系统环境变量里没有找到 NODE_PATH 名的系统变量,那我们就需要自己去创建一个了,里面的变量名与变量值和上图一样,当然,路径是需要你自己的路径,不要用我的路径,不然可能会出错哦。

在配置好 NODE_PATH 系统变量以后,我们还需要再去修改一下 Path 的系统变量,在Path系统变量里添加一条值: 绝对目标目录\node_global

升级vue java script 版本 如何升级vue_系统变量_04

第三步:修改全局默认安装路径

接下来打开cmd命令符,推荐使用管理员身份打开,然后输入:npm config set prefix"绝对目标目录\node_global" 然后回车。

升级vue java script 版本 如何升级vue_vue.js_05

还没有完哈,还有第二步呢,输入上面的命令后还需要再输入一个命令:npm config set cache"绝对目标目录\node_cache"

升级vue java script 版本 如何升级vue_系统变量_06

这里做完以后我们就可以进行最后一步了。

第四步:安装vue3.0

接下来我们就可以进行最后一步了:安装!!!。在cmd命令符上继续输入:npm install -g @vue/cli 命令,这个便是vue3.0的安装命令,与2.0的安装命令有些不同,输入后回车就可以开始等待安装完成了

升级vue java script 版本 如何升级vue_环境变量_07

好了,安装成功后这里显示我已经安装好4.5.13版本,那接下来我们去输入vue -V看一下版本,

升级vue java script 版本 如何升级vue_环境变量_08

安装成功,说明我们已经成功安装到了vue3.0。好了,接下来我们可以去写代码了,加油,程序猿们,那今天的分享就到这里了,以后遇到什么问题我也会分享出来,再见啦!!!