卸載vue2.0并升級(jí)vue_cli3.0的實(shí)例講解
今天來(lái)學(xué)習(xí)vue3.0，之前使用的是vue2.0現(xiàn)在用3.0的話你可以升級(jí)，也可以卸載再重裝.我這里就是卸載重裝啦。
第一步我們卸載全局的vue2.0 。你需要先通過(guò) npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸載它。
卸載完之后你可以使用vue -V 或者 vue -version在命令行輸入來(lái)查看有無(wú)vue 一般情況下肯定是會(huì)卸載完畢的
我們來(lái)進(jìn)行vue.30的安裝
打開(kāi)命令行 輸入npm install -g @vue/cli-init 這個(gè)就是會(huì)安裝全局的vue3.0版本。安裝好之后我們也可以vue -V查看當(dāng)前vue的版本。我目前安裝的3.5.3版本的。
當(dāng)然這時(shí)候會(huì)有人想 那我之前vue2.0的項(xiàng)目怎么辦？不用急，vue官網(wǎng)給了一個(gè)版本之前的橋接工具npm install -g @vue/cli-init
下載完后我們可以打開(kāi)vue2.0的項(xiàng)目 npm run dev 運(yùn)行就可以了。
開(kāi)始創(chuàng)建vue項(xiàng)目，打開(kāi)你需要?jiǎng)?chuàng)建文件的目錄，打開(kāi)命令行輸入 vue create 項(xiàng)目名稱，點(diǎn)擊回車
這里有三個(gè)選項(xiàng)，你可以選擇第一個(gè)，或者第二個(gè)一路回車就好。
創(chuàng)建好之后我們就可以通過(guò)npm run serve 來(lái)開(kāi)啟項(xiàng)目啦。
我們?cè)谥暗拿钚兄衏d 剛才的文件名 進(jìn)入后 npm run serve ，如果不是在vue項(xiàng)目中運(yùn)行會(huì)報(bào)錯(cuò)的哦
說(shuō)說(shuō)vue2.0和vue3.0的區(qū)別：
vue3.0減少了build 和 config文件夾，其他用法和vue2.0差不多。
以上就是腳本之家小編整理的相關(guān)內(nèi)容，希望能夠幫助到大家。
相關(guān)文章
vue之?dāng)?shù)據(jù)交互實(shí)例代碼
本篇文章主要介紹了vue之?dāng)?shù)據(jù)交互實(shí)例代碼，vue中也存在像ajax和jsonp的數(shù)據(jù)交互，實(shí)現(xiàn)向服務(wù)器獲取數(shù)據(jù)，有興趣的可以了解一下2017-06-06
用vue-cli開(kāi)發(fā)vue時(shí)的代理設(shè)置方法
今天小編就為大家分享一篇用vue-cli開(kāi)發(fā)vue時(shí)的代理設(shè)置方法，具有很好的參考價(jià)值。希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
這篇文章主要介紹了vue使用file-saver本地文件導(dǎo)出,大家需要安裝xlsx和file-saver，然后創(chuàng)建localExports.js文件，具體實(shí)現(xiàn)代碼跟隨小編一起看看吧2022-01-01
Vue 解決路由過(guò)渡動(dòng)畫抖動(dòng)問(wèn)題(實(shí)例詳解)
這篇文章主要介紹了Vue 解決路由過(guò)渡動(dòng)畫抖動(dòng)問(wèn)題，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-01-01
ant-design-vue table分頁(yè)onShowSizeChange后的pageNo解決
這篇文章主要介紹了ant-design-vue table分頁(yè)onShowSizeChange后的pageNo的問(wèn)題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)6位數(shù)密碼，優(yōu)化iOS WebView卡頓，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-08-08
vue全局掛載實(shí)現(xiàn)APP全局彈窗的示例代碼
本文主要介紹了vue全局掛載實(shí)現(xiàn)APP全局彈窗的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
Vue打包后訪問(wèn)靜態(tài)資源路徑問(wèn)題
在本篇文章里小編給各位整理的是關(guān)于Vue打包后訪問(wèn)靜態(tài)資源路徑問(wèn)題相關(guān)知識(shí)點(diǎn)，需要的朋友們學(xué)習(xí)下。2019-11-11
這篇文章主要為大家介紹了keep?alive用法及原理示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
使用sessionStorage解決vuex在頁(yè)面刷新后數(shù)據(jù)被清除的問(wèn)題
localStorage沒(méi)有時(shí)間期限，除非將它移除，sessionStorage即會(huì)話，當(dāng)瀏覽器關(guān)閉時(shí)會(huì)話結(jié)束，有時(shí)間期限，具有自行百度。本文使用的是sessionStorage解決vuex在頁(yè)面刷新后數(shù)據(jù)被清除的問(wèn)題,需要的朋友可以參考下2018-04-04