卸載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)文章
vue3.0實(shí)現(xiàn)點(diǎn)擊切換驗(yàn)證碼(組件)及校驗(yàn)
這篇文章主要為大家詳細(xì)介紹了vue3.0實(shí)現(xiàn)點(diǎn)擊切換驗(yàn)證碼(組件)及校驗(yàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
詳解基于Vue cli開(kāi)發(fā)修改外部組件Vant默認(rèn)樣式
這篇文章主要介紹了詳解基于Vue cli開(kāi)發(fā)修改外部組件Vant默認(rèn)樣式,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
vue如何動(dòng)態(tài)綁定img的src屬性(v-bind)
這篇文章主要介紹了vue如何動(dòng)態(tài)綁定img的src屬性(v-bind)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
在VUE項(xiàng)目中經(jīng)常會(huì)用到mapState和mapActions，mapState主要用于同步全局的變量或者對(duì)象，這篇文章主要介紹了VUE中的mapState和mapActions的使用,需要的朋友可以參考下2022-06-06
el-element中el-table表格嵌套el-select實(shí)現(xiàn)動(dòng)態(tài)選擇對(duì)應(yīng)值功能
這篇文章主要給大家介紹了關(guān)于el-element中el-table表格嵌套el-select實(shí)現(xiàn)動(dòng)態(tài)選擇對(duì)應(yīng)值功能的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了使用vite兼容低端瀏覽器配置方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
vue實(shí)現(xiàn)帶自動(dòng)吸附功能的懸浮球
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)帶自動(dòng)吸附功能的懸浮球，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家介紹了Vue布置導(dǎo)航守衛(wèi)獲取用戶信息，有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
這篇文章主要介紹了Vue中使用mixins混入方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
Vue3 提供了兩個(gè)新的 API：ref 和 reactive，它們可以幫助我們更好地管理和處理響應(yīng)式數(shù)據(jù)，這篇文章主要介紹了vue3中的ref與reactive的區(qū)別和使用方法,需要的朋友可以參考下2023-04-04