教你如何初始化Vue3.0項目(保姆級教程)

因爲 Vue 3.0 還沒正式發佈,只發布了beta版本css

目前,Vue-cli腳手架 還不能直接初始化 Vue 2.xvue

因此,要在 Vue 2.x 的項目中升級到 Vue 3.0vue-cli

簡單來講只要在 Vue 2.x 中,安裝 vue-next 便可npm

首先若是小夥伴沒有安裝 vue-cli 的話,須要全局安裝json

npm install -g vue-cli
複製代碼

蘋果電腦須要加sudomarkdown

sudo npm install -g vue-cli
複製代碼

若是已經安裝能夠直接學習

vue create vue-next
複製代碼

選擇 Manually select features(回車下一步)ui

選擇如下配置(空格選擇)spa

選擇路由模式(history/hash) 3d

選擇css預編語言(能夠根據本身選擇)

選擇eslint標準

選擇配置文件是放在一個文件夾裏仍是package.json裏

是否要保留以前的配置

等待安裝便可

接着切換到項目文件夾裏,安裝vue-next

cd vue-next
vue add vue-next 複製代碼

等待安裝

這樣的界面就安裝成功了~

趕忙開始學習 Vue 3.0吧~

感謝閱讀

相關文章
相關標籤/搜索