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是大寫

vue -V 

執行升級指令

npm i -g @vue/cli

會出現如下效果
在這裏插入圖片描述
正常情況下,mac系統執行指令無法將 vue 升級

3. 如何將 vue 優雅的升級到 3.x 以上的版本

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

which vue

在這裏插入圖片描述

3. 2 第二步:cd url (/usr/local/bin) 進到vue項目上級的文件夾

注意:這裏進行一個知識的掃盲,usr是Unix System Resource並不是user的縮寫(這裏存放系統級別的程序文件)

cd /usr/local/bin

在這裏插入圖片描述

3. 3 第三步:rm -rf vue 徹底刪除vue文件夾及其所有文件

rm -rf vue 

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

使用sudo時,會輸入本機的密碼(如果不使用sudo 則仍舊報錯)

sudo npm install -g @vue/cli

3. 5 第五步:檢查是否安裝成功

vue -V

在這裏插入圖片描述

4. 啓動 vue ui 界面

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章