Vue版本vue2.9.6升級到vue3.0的詳細(xì)步驟
背景：
電腦使用多年，一直使用vue 2.x版本，項目開發(fā)過程中由于一個模塊涉及的集成模塊過多，導(dǎo)致需要進(jìn)行定義的變量越來越多，代碼出現(xiàn)冗余，因此在同事的推動下，鑒于vue 3.x的優(yōu)化，故對自己本來使用的vue 2.9.6升級到vue 3.0版本。那么如何升級呢，請查閱如下步驟：
vue版本的升級主要步驟：
一、首先需要卸載你之前的vue2.9.6
使用快捷鍵win+R，出來“運行”界面：
輸入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在同一臺電腦中管理多個 Node 版本）。
運行命令：
npm install -g @vue/cli 若安裝不上使用下面命令進(jìn)行安裝 cnpm install -g @vue/cli
然后運行命令vue -V查看vue的版本
如果顯示版本就說明成功了，我這里裝過之后直接到最高版本了
出現(xiàn)了我以前v10.15.3版本的node.js不支持vue 3的使用。
查詢vue版本時候給出提示，說我的node版本太低了也需要升級。
node.js升級：
node.js的升級的與vue的升級略有差別，不需要對上一個版本進(jìn)行卸載，只需要去node.js官網(wǎng)下載自己需要的版本，我下載的是v12.22.5版本。
雙擊改“msi”文件，一直“next”下去即可，直到“finish”。
輸入node -v查詢node版本，輸入 vue -V 查詢vue腳手架升級的版本。
以上就是本人今天進(jìn)行vue+node升級時候梳理出來的操作流程
總結(jié)
到此這篇關(guān)于Vue版本vue2.9.6升級到vue3.0的文章就介紹到這了,更多相關(guān)vue2.9.6升級到vue3.0內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
對于前后端分離的項目,為了統(tǒng)一響應(yīng)參數(shù),需要將圖片轉(zhuǎn)換成base64的格式,下面這篇文章主要給大家介紹了關(guān)于vue圖片轉(zhuǎn)base64格式的相關(guān)資料,需要的朋友可以參考下2022-12-12
vue按住shift鍵多選方式(以element框架的table為例)
這篇文章主要介紹了vue按住shift鍵多選方式(以element框架的table為例),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要為大家介紹了項目開發(fā)中husky的使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
ElementUI Tag組件實現(xiàn)多標(biāo)簽生成的方法示例
這篇文章主要介紹了ElementUI Tag組件實現(xiàn)多標(biāo)簽生成的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
Vue2.0+Vux搭建一個完整的移動webApp項目的示例
這篇文章主要介紹了Vue2.0+Vux搭建一個完整的移動webApp項目的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
el-form的label和表單自適應(yīng)填滿一行且靠左對齊方式
這篇文章主要介紹了el-form的label和表單自適應(yīng)填滿一行且靠左對齊方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要為大家詳細(xì)介紹了如何使用Vue實現(xiàn)瀑布流,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02
使用Vue父子組件通信實現(xiàn)todolist的功能示例代碼
這篇文章主要給大家介紹了關(guān)于如何使用Vue父子組件通信實現(xiàn)todolist的功能的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Vue具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了vue2配置scss的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
vue.js+element-ui動態(tài)配置菜單的實例
今天小編就為大家分享一篇vue.js+element-ui動態(tài)配置菜單的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09