今天來學(xué)習(xí)vue3.0，之前使用的是vue2.0現(xiàn)在用3.0的話你可以升級(jí)，也可以卸載再重裝.我這里就是卸載重裝啦。

專業(yè)領(lǐng)域包括網(wǎng)站建設(shè)、做網(wǎng)站、商城網(wǎng)站開發(fā)、微信營(yíng)銷、系統(tǒng)平臺(tái)開發(fā)， 與其他網(wǎng)站設(shè)計(jì)及系統(tǒng)開發(fā)公司不同，創(chuàng)新互聯(lián)的整合解決方案結(jié)合了幫做網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗(yàn)和互聯(lián)網(wǎng)整合營(yíng)銷的理念，并將策略和執(zhí)行緊密結(jié)合，為客戶提供全網(wǎng)互聯(lián)網(wǎng)整合方案。

第一步我們卸載全局的vue2.0 。你需要先通過 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸載它。

卸載完之后你可以使用vue -V 或者 vue -version在命令行輸入來查看有無vue 一般情況下肯定是會(huì)卸載完畢的

我們來進(jìn)行vue.30的安裝

打開命令行 輸入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

下載完后我們可以打開vue2.0的項(xiàng)目 npm run dev 運(yùn)行就可以了。

開始創(chuàng)建vue項(xiàng)目，打開你需要?jiǎng)?chuàng)建文件的目錄，打開命令行輸入 vue create 項(xiàng)目名稱，點(diǎn)擊回車

這里有三個(gè)選項(xiàng)，你可以選擇第一個(gè)，或者第二個(gè)一路回車就好。

創(chuàng)建好之后我們就可以通過npm run serve 來開啟項(xiàng)目啦。

我們?cè)谥暗拿钚兄衏d 剛才的文件名 進(jìn)入后 npm run serve ，如果不是在vue項(xiàng)目中運(yùn)行會(huì)報(bào)錯(cuò)的哦

說說vue2.0和vue3.0的區(qū)別：

vue3.0減少了build 和 config文件夾，其他用法和vue2.0差不多。

以上就是創(chuàng)新互聯(lián)小編整理的相關(guān)內(nèi)容，希望能夠幫助到大家。

網(wǎng)站題目：卸載vue2.0并升級(jí)vue_cli3.0的實(shí)例講解-創(chuàng)新互聯(lián)
當(dāng)前URL：http://weahome.cn/article/gsejo.html