卸載vue2.0并升級vue_cli3.0的實例講解
今天來學習vue3.0,之前使用的是vue2.0現(xiàn)在用3.0的話你可以升級,也可以卸載再重裝.我這里就是卸載重裝啦。
第一步我們卸載全局的vue2.0 。你需要先通過 npm uninstall vue-cli -g
或 yarn global remove vue-cli
卸載它。
卸載完之后你可以使用vue -V 或者 vue -version在命令行輸入來查看有無vue 一般情況下肯定是會卸載完畢的
我們來進行vue.30的安裝
打開命令行 輸入npm install -g @vue/cli-init 這個就是會安裝全局的vue3.0版本。安裝好之后我們也可以vue -V查看當前vue的版本。我目前安裝的3.5.3版本的。
當然這時候會有人想 那我之前vue2.0的項目怎么辦?不用急,vue官網(wǎng)給了一個版本之前的橋接工具npm install -g @vue/cli-init
下載完后我們可以打開vue2.0的項目 npm run dev 運行就可以了。
開始創(chuàng)建vue項目,打開你需要創(chuàng)建文件的目錄,打開命令行輸入 vue create 項目名稱,點擊回車
這里有三個選項,你可以選擇第一個,或者第二個一路回車就好。
創(chuàng)建好之后我們就可以通過npm run serve 來開啟項目啦。
我們在之前的命令行中cd 剛才的文件名 進入后 npm run serve ,如果不是在vue項目中運行會報錯的哦
說說vue2.0和vue3.0的區(qū)別:
vue3.0減少了build 和 config文件夾,其他用法和vue2.0差不多。
以上就是腳本之家小編整理的相關(guān)內(nèi)容,希望能夠幫助到大家。
相關(guān)文章
詳解基于Vue cli開發(fā)修改外部組件Vant默認樣式
這篇文章主要介紹了詳解基于Vue cli開發(fā)修改外部組件Vant默認樣式,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2021-04-04vue如何動態(tài)綁定img的src屬性(v-bind)
這篇文章主要介紹了vue如何動態(tài)綁定img的src屬性(v-bind),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04el-element中el-table表格嵌套el-select實現(xiàn)動態(tài)選擇對應(yīng)值功能
這篇文章主要給大家介紹了關(guān)于el-element中el-table表格嵌套el-select實現(xiàn)動態(tài)選擇對應(yīng)值功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2023-01-01