vue3.0以及vuetify2.0的框架搭建

一,下載vue3.0命令

1.因爲vuetify基於vue cli3的

npm install -g @vue/cli@3

2.創建項目名稱vuetify6

vue create vuetify6

3.選擇Manually select features,回車鍵確定

在這裏插入圖片描述

4.空格鍵 選中, 回車

在這裏插入圖片描述

5.yes

在這裏插入圖片描述

在這裏插入圖片描述

在這裏插入圖片描述

在這裏插入圖片描述

在這裏插入圖片描述

10.執行成功後的部分界面

在這裏插入圖片描述

在這裏插入圖片描述

 vue  add  vuetify

在這裏插入圖片描述

13.選擇 Default

14.啓動

npm run serve

在這裏插入圖片描述

16.點擊 http://localhost:8080/

出現如下界面,就表示加載成功了。

在這裏插入圖片描述
然後就可以開始搭前端框架了。

補充:安裝圖標命令
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章