vue3.0升级

1.如果之前装过vue,可以查看当前vue的版本:
(1)第一步:vue -V 命令可以查看我当前vue的版本
vue3.0升级

(2)第二步:升级vue,使用命令:npm install -g @vue/cli 注意:如果报错没权限,可以在npm前面加sudo.
如下:
我用如下命令开始升级:
vue3.0升级
此时页面报错,说我没有权限。(注:我用的是MAC电脑)
vue3.0升级
然后我输入下命令就好了:
vue3.0升级

安装成功后显示这样:vue3.0升级
此时我们再看一下vue版本:
vue3.0升级
成功升级!!!

(3)第三步:初始化项目,创建一个vue-test的项目:
vue3.0升级
出现如下界面,此时我们选择最后一个:
vue3.0升级
然后我们会进入如下界面,使用空格键勾选如下几个选项:(以下几个选项是商业项目必备的)
vue3.0升级
回车后进入如下界面:
vue3.0升级
这里我们选择第一个:
vue3.0升级
后面的操作回车就好。
此时我们已经创建成功,如下:
vue3.0升级
此时进入到我们创建的目录中:
vue3.0升级

升级3.0项目:

目前创建 Vue 3.0 项目需要通过插件升级的方式来实现,
vue-cli 还没有直接支持,我们进入项目目录,并输入以下指令:
vue3.0升级
vue3.0升级
(4)第四步:启动项目
使用命令:npm run serve
运行成功,界面如下:
vue3.0升级