卸載vue2.0并升級(jí)vue_cli3.0的實(shí)例講解

發(fā)布時(shí)間：2020-08-24 05:13:18 來源：腳本之家閱讀：573 作者：晚風(fēng)拂輕舟欄目：web開發(fā)

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

第一步我們卸載全局的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版本的。

卸載vue2.0并升級(jí)vue_cli3.0的實(shí)例講解

當(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)擊回車

卸載vue2.0并升級(jí)vue_cli3.0的實(shí)例講解

這里有三個(gè)選項(xiàng)，你可以選擇第一個(gè)，或者第二個(gè)一路回車就好。卸載vue2.0并升級(jí)vue_cli3.0的實(shí)例講解

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

我們在之前的命令行中cd 剛才的文件名進(jìn)入后 npm run serve ，如果不是在vue項(xiàng)目中運(yùn)行會(huì)報(bào)錯(cuò)的哦

卸載vue2.0并升級(jí)vue_cli3.0的實(shí)例講解

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

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

以上就是億速云小編整理的相關(guān)內(nèi)容，希望能夠幫助到大家。

向AI問一下細(xì)節(jié)

猜你喜歡