[Vuetify] 起步

這是一個給 VUE 用的 UI library。

安裝

參考官網 v2.6.10：https://vuetifyjs.com/en/getting-started/installation/

由於 2022/9/16 的今天 Vuerify 還沒支援 VUE3，因此用 Vue CLI 安裝時要記得選擇 VUE2！

node 版本使用 v12.22.12。

1. 先安裝 Vue CLI：

npm install -g @vue/cli

2. 用 Vue CLI 建立專案 my-app

vue create my-app

3. 進入專案資料夾，啟動專案

npm run serve

打開 http://localhost:8080/ 看到 Vue CLI 建起來的預設畫面。

4. 加入 vuefity

vue add vuetify 

Vuetify 3 還在 Beta，因此選建議的 Vuetify 2 — Vue CLI。

5. 安裝 vuetify

npm install --save vuetify

裝到這邊就會看到畫面改變了！

我有遇到沒成功套到樣式的狀況，回頭看到安裝 Vue CLI 最下面這個框框，就照著執行 npm install -g npm 更新 npm，就有套到樣式了🥳

沒成功套到樣式，東查西查、東試西試總共約花了 1 小時。

繼續往下嘗試💪🏻