Vue2.0版本升级到Vue3.0

vue版本的升级主要步骤:

一、首先需要卸载你之前全局的vue2.0版本

输入cmd–>回车–>进入dos界面输入命令查询vue的版本:

vue -V 
or
vue -Version

输入命令卸载目前vue2.0版本:

npm uninstall -g vue-cli
或 yarn global remove vue-cli 卸载它

再输入vue版本查询命令vue -V,提示“不是可执行的命令”则表示卸载成功了。

二、安装新版本:

打开命令行输入 npm install -g @vue/cli-init 这个就是会安装全局的vue3.0版本。

安装好之后我们也可以用vue -V查看当前vue的版本。

当然这时候会有人问那我之前vue2.0的项目怎么办?不用急,vue官网给了一个版本之前的桥接工具 npm install -g @vue/cli-init

安装完后我们可以打开vue2.0的项目 npm run dev 运行就可以了。

开始创建vue3.0项目,打开你需要创建文件的目录,打开命令行输入 vue create 项目名称,点击回车

这里有三个选项,你可以选择第一个,或者第二个一路回车就好。

创建好之后我们就可以通过 npm run serve 来运行3.0项目啦。

首先要确保Node.js的版本高于vue3 最低要求的版本。Vue CLI 3需要 nodeJs ≥ v12.22 运行命令:

npm install -g @vue/cli-init
若安装不上使用下面命令进行安装
cnpm install -g @vue/cli-init

然后运行命令vue -V查看vue的版本,如果显示版本就说明成功了,我这里装过之后直接到最高版本了

如果出现了v10.15.3版本之类的node.js不支持vue3的使用,则查询vue版本时候给出提示,说我的node版本太低了也需要升级。

node.js升级:

node.js的升级的与vue的升级略有差别,不需要对上一个版本进行卸载,只需要去node.js官网下载自己需要的版本,我下载的是v12.22.9版本。

双击改“msi”文件,一直“next”下去即可,直到“finish”。

输入node -v查询node版本,输入 vue -V 查询vue脚手架升级的版本。

也可能会出现输入 vue -V 后提示“不是内部或外部命令”(但是明明安装成功了,查询版本却提示这个,遇到这种情况就可以忽略,直接使用就可以)

 

posted @ 2023-04-28 15:32  以德为先  阅读(2864)  评论(0编辑  收藏  举报