1. 程式人生 > 程式設計 >解除安裝vue2.0並升級vue_cli3.0的例項講解

解除安裝vue2.0並升級vue_cli3.0的例項講解

今天來學習vue3.0,之前使用的是vue2.0現在用3.0的話你可以升級,也可以解除安裝再重灌.我這裡就是解除安裝重灌啦。

第一步我們解除安裝全域性的vue2.0 。你需要先通過npm uninstall vue-cli -gyarn global remove vue-cli解除安裝它。

解除安裝vue2.0並升級vue_cli3.0的例項講解

解除安裝完之後你可以使用vue -V 或者 vue -version在命令列輸入來檢視有無vue 一般情況下肯定是會解除安裝完畢的

我們來進行vue.30的安裝

開啟命令列 輸入npm install -g @vue/cli-init 這個就是會安裝全域性的vue3.0版本。安裝好之後我們也可以vue -V檢視當前vue的版本。我目前安裝的3.5.3版本的。

解除安裝vue2.0並升級vue_cli3.0的例項講解

當然這時候會有人想 那我之前vue2.0的專案怎麼辦?不用急,vue官網給了一個版本之前的橋接工具npm install -g @vue/cli-init

下載完後我們可以開啟vue2.0的專案 npm run dev 執行就可以了。

開始建立vue專案,開啟你需要建立檔案的目錄,開啟命令列輸入 vue create 專案名稱,點選回車

解除安裝vue2.0並升級vue_cli3.0的例項講解

這裡有三個選項,你可以選擇第一個,或者第二個一路回車就好。解除安裝vue2.0並升級vue_cli3.0的例項講解

建立好之後我們就可以通過npm run serve 來開啟專案啦。

我們在之前的命令列中cd 剛才的檔名 進入後 npm run serve ,如果不是在vue專案中執行會報錯的哦

解除安裝vue2.0並升級vue_cli3.0的例項講解

說說vue2.0和vue3.0的區別:

vue3.0減少了build 和 config資料夾,其他用法和vue2.0差不多。

以上就是我們小編整理的相關內容,希望能夠幫助到大家。