vue-cli3升級到vue-cli4


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

這個項目用的依賴比較少,可能沒遇到很多的差異性的東西,所以升級的比較順利

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM