今天來學(xué)習(xí)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 一般情況下肯定是會卸載完畢的
我們來進(jìn)行vue.30的安裝
打開命令行 輸入npm install -g @vue/cli-init 這個(gè)就是會安裝全局的vue3.0版本。安裝好之后我們也可以vue -V查看當(dāng)前vue的版本。我目前安裝的3.5.3版本的。

當(dāng)然這時(shí)候會有人想 那我之前vue2.0的項(xiàng)目怎么辦?不用急,vue官網(wǎng)給了一個(gè)版本之前的橋接工具npm install -g @vue/cli-init
下載完后我們可以打開vue2.0的項(xiàng)目 npm run dev 運(yùn)行就可以了。
開始創(chuàng)建vue項(xiàng)目,打開你需要創(chuàng)建文件的目錄,打開命令行輸入 vue create 項(xiàng)目名稱,點(diǎn)擊回車

這里有三個(gè)選項(xiàng),你可以選擇第一個(gè),或者第二個(gè)一路回車就好。
創(chuàng)建好之后我們就可以通過npm run serve 來開啟項(xiàng)目啦。
我們在之前的命令行中cd 剛才的文件名 進(jìn)入后 npm run serve ,如果不是在vue項(xiàng)目中運(yùn)行會報(bào)錯的哦

說說vue2.0和vue3.0的區(qū)別:
vue3.0減少了build 和 config文件夾,其他用法和vue2.0差不多。
以上就是創(chuàng)新互聯(lián)小編整理的相關(guān)內(nèi)容,希望能夠幫助到大家。
網(wǎng)頁標(biāo)題:卸載vue2.0并升級vue_cli3.0的實(shí)例講解-創(chuàng)新互聯(lián)
URL鏈接:http://chinadenli.net/article20/gsejo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、虛擬主機(jī)、網(wǎng)站制作、網(wǎng)站導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容