vue-cli4出來有一段時間了,現在的項目用的還是vue-cli3,今天想着在自己電腦上升級vue-cli4
原文鏈接:https://blog.csdn.net/qq_39953537/article/details/102759821
一.首先,在全局安裝最新的 Vue CLI:
npm install -g @vue/cli
# OR
yarn global add @vue/cli
檢查一下安裝版本:記得V大寫
vue -V
二.在項目根目錄下執行
vue upgrade
出現個警告就停止了,警告意思是:
當前存儲庫中有未提交的更改,建議先提交或隱藏它們。
是否仍然繼續?
輸入y即可:因為我是把項目拷貝了一份,不怕出錯
提示 繼續升級這些插件嗎?
輸入 Y
即可
慢慢等待更新
提示意思是我的eslint當前版本時5版本,你想更新嗎,我選擇否吧,輸入n
三、更新完成后,主要有以下兩個文件有改動:
我的bable.config.js直接就變成了這樣
pakage.json文件對應更新的三個文件的版本變成高版本了:
運行一下npm run serve啟動一下本地項目,看看
有報錯:
又啟動一下就好了,項目成功啟動
四.vue cli 4 主要升級點總結:
1."@vue/cli-plugin-babel", "@vue/cli-plugin-eslint", "@vue/cli-service"
由 v3
的版本升級到了 v4
over
這個項目用的依賴比較少,可能沒遇到很多的差異性的東西,所以升級的比較順利
。