mac下 vue 2.x 版本升级到 vue 4.x版本


1. 为什么 vue 要升级到 3.x 以上版本?

这里关于一篇 vue 实战教程 :https://www.bilibili.com/video/BV1EE411B7SU?t=111&p=5
如果vue 版本为 2.x 时,无法使用 vue ui 指令生成

下面为 vue 3.x 以上版本才能执行,并且显示的 UI 页面效果

在这里插入图片描述
在这里插入图片描述

2. 如果当前mac系统下的 vue 版本为2.x

查看vue版本指令 注意:这里V是大写

1
vue -V

执行升级指令

1
npm i -g @vue/cli

会出现如下效果
在这里插入图片描述
正常情况下,mac系统执行指令无法将 vue 升级

3. 如何将 vue 优雅的升级到 3.x 以上的版本

3. 1 第一步:找到 vue的路径

1
which vue

在这里插入图片描述

3. 2 第二步:cd url (/usr/local/bin) 进到vue项目上级的文件夹

注意:这里进行一个知识的扫盲,usr是Unix System Resource并不是user的缩写(这里存放系统级别的程序文件)

1
cd /usr/local/bin

在这里插入图片描述

3. 3 第三步:rm -rf vue 彻底删除vue文件夹及其所有文件

1
rm -rf vue

3. 4 第四步:重新安装 vue 最新版本

使用sudo时,会输入本机的密码(如果不使用sudo 则仍旧报错)

1
sudo npm install -g @vue/cli

3. 5 第五步:检查是否安装成功

1
vue -V

在这里插入图片描述

4. 启动 vue ui 界面

在这里插入图片描述