Vue版本vue2.9.6升級(jí)到vue3.0的詳細(xì)步驟
背景：
電腦使用多年，一直使用vue 2.x版本，項(xiàng)目開發(fā)過(guò)程中由于一個(gè)模塊涉及的集成模塊過(guò)多，導(dǎo)致需要進(jìn)行定義的變量越來(lái)越多，代碼出現(xiàn)冗余，因此在同事的推動(dòng)下，鑒于vue 3.x的優(yōu)化，故對(duì)自己本來(lái)使用的vue 2.9.6升級(jí)到vue 3.0版本。那么如何升級(jí)呢，請(qǐng)查閱如下步驟：
vue版本的升級(jí)主要步驟：
一、首先需要卸載你之前的vue2.9.6
使用快捷鍵win+R，出來(lái)“運(yùn)行”界面：
輸入cmd–>回車–>進(jìn)入dos界面：
輸入命令查詢vue的版本：
vue -V or vue -Version
輸入命令卸載目前vue版本：
npm uninstall vue-cli -g
再輸入vue版本查詢命令，提示“不是可執(zhí)行的命令”則表示卸載成功了。
二、安裝新版本：
首先你要確保你的Node.js的版本高于vue 3 最低要求的版本。Vue CLI 3需要 nodeJs ≥ 8.9 (官方推薦 8.11.0+，你可以使用 nvm 或 nvm-windows在同一臺(tái)電腦中管理多個(gè) Node 版本）。
運(yùn)行命令：
npm install -g @vue/cli 若安裝不上使用下面命令進(jìn)行安裝 cnpm install -g @vue/cli
然后運(yùn)行命令vue -V查看vue的版本
如果顯示版本就說(shuō)明成功了，我這里裝過(guò)之后直接到最高版本了
出現(xiàn)了我以前v10.15.3版本的node.js不支持vue 3的使用。
查詢vue版本時(shí)候給出提示，說(shuō)我的node版本太低了也需要升級(jí)。
node.js升級(jí)：
node.js的升級(jí)的與vue的升級(jí)略有差別，不需要對(duì)上一個(gè)版本進(jìn)行卸載，只需要去node.js官網(wǎng)下載自己需要的版本，我下載的是v12.22.5版本。
雙擊改“msi”文件，一直“next”下去即可，直到“finish”。
輸入node -v查詢node版本，輸入 vue -V 查詢vue腳手架升級(jí)的版本。
以上就是本人今天進(jìn)行vue+node升級(jí)時(shí)候梳理出來(lái)的操作流程
總結(jié)
到此這篇關(guān)于Vue版本vue2.9.6升級(jí)到vue3.0的文章就介紹到這了,更多相關(guān)vue2.9.6升級(jí)到vue3.0內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue3+Ant?design?實(shí)現(xiàn)Select下拉框一鍵全選/清空功能
在做后臺(tái)管理系統(tǒng)項(xiàng)目的時(shí)候,產(chǎn)品增加了一個(gè)在Select選擇器中添加一鍵全選和清空的功能,他又不讓在外部增加按鈕,其實(shí)如果說(shuō)在外部增加按鈕實(shí)現(xiàn)全選或者清空的話,功能比較簡(jiǎn)單的,下面給大家分享Vue3+Ant?design?實(shí)現(xiàn)Select下拉框一鍵全選/清空功能,需要的朋友可以參考下2024-05-05
vue從倉(cāng)庫(kù)state中取不到數(shù)據(jù)的問(wèn)題
這篇文章主要介紹了vue從倉(cāng)庫(kù)state中取不到數(shù)據(jù)的問(wèn)題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue如何動(dòng)態(tài)修改el-table的某列數(shù)據(jù)
這篇文章主要介紹了Vue如何動(dòng)態(tài)修改el-table的某列數(shù)據(jù)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
今天小編就為大家分享一篇解決vue同一slot在組件中渲染多次的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
這篇文章主要介紹了Vue性能優(yōu)化的方法，文中講解非常細(xì)致，幫助大家更好的理解和學(xué)習(xí)vue，感興趣的朋友可以了解下2020-07-07
vue實(shí)現(xiàn)pdf導(dǎo)出解決生成canvas模糊等問(wèn)題(推薦)
最近公司項(xiàng)目需要，利用vue實(shí)現(xiàn)pdf導(dǎo)出，從而保存到本地打印出來(lái)，說(shuō)起來(lái)好像也很容易，具體要怎么實(shí)現(xiàn)呢？下面小編給大家?guī)?lái)了vue實(shí)現(xiàn)pdf導(dǎo)出解決生成canvas模糊等問(wèn)題，需要的朋友參考下吧2018-10-10
vue3項(xiàng)目中配置sass,vite報(bào)錯(cuò)Undefined mixin問(wèn)題
這篇文章主要介紹了vue3項(xiàng)目中配置sass,vite報(bào)錯(cuò)Undefined mixin問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02
vue中的input框點(diǎn)擊后不聚焦問(wèn)題
這篇文章主要介紹了vue中的input框點(diǎn)擊后不聚焦問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue(element ui)el-table樹形表格展示以及數(shù)據(jù)對(duì)齊方式
這篇文章主要介紹了vue(element ui)el-table樹形表格展示以及數(shù)據(jù)對(duì)齊方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
詳解Vue+elementUI build打包部署后字體圖標(biāo)丟失問(wèn)題
這篇文章主要介紹了詳解Vue+elementUI build打包部署后字體圖標(biāo)丟失問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07