問題描述
遇到一種情況,就是使用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
開始創建項目了