【最新】vue-cli 版本始終是2.9.6的處理辦法,以及升級到最新的vue腳手架的辦法


問題描述

遇到一種情況,就是使用vue --version 查看版本始終是2.9.6,安裝命令是npm install @vue/cli ,按理說是最新版本,但是還是顯示舊版,使用vue create 【項目名稱】 提示是要卸載腳手架在安裝,但是安裝后還是2.9.6.有什么解決辦法嗎?我收集了網上各種結論后找到了對應的方法

先說明原因

其實導致這個原因是從vue-cli 3.0版本開始原來的npm install -g vue-cli 安裝的都是舊版,最高到2.9.6,安裝新版必須是新的命令npm install -g @vue/cli 這就導致了,如果我們再2.9.6版本還存在的情況下再使用npm install -g @vue/cli 命令就會同時存在兩個版本,你用vue create 【項目名稱】命令會先找到舊版的,就會提示你卸載舊版安裝新版。

解決辦法

這里就說下怎么解決。其實知道原因后就可以想到個辦法,就是把舊版和新版都卸載了,就不會有沖突了,然后直接安裝最新版本就可以了,npm uninstall -g vue-cli 卸載舊版、 npm uninstall -g @vue/cli 卸載新版
之后安裝新版,這里給大家推薦個命令 cnpm view @vue/cli versions --json

查看下新版有哪些版本,你可以根據自己的需要安裝新版。這里我選中安裝4.5.13的版本
npm install -g @vue/cli@4.5.13

之后你就可以創建vue項目了vue create 【項目名稱】

這里手動創建一個項目

這里使用我常規創建選項

路由要使用 history 模式嗎

報錯處理這里推薦使用標准模式


報錯處理機制,這里推薦吧自動修復選中

錯誤推薦就使用生產單獨文件

這里會詢問是否要記住此次配置,你下次要再創建項目就會有這次配置的模板,你根據需要選,默認是N

開始創建項目了


免責聲明!

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



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