vue2.0升级vue3.0（vue2 升级 vue3）

科技前沿 • 2025-04-15 14:51 • 阅读 46

大家好，我是讯享网，很高兴认识大家。

vue版本的升级主要步骤：

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

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

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

再输入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 运行命令：

然后运行命令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 后提示“不是内部或外部命令”（但是明明安装成功了，查询版本却提示这个，遇到这种情况就可以忽略，直接使用就可以）