首先首先，我真的是一個第一次寫文章的小菜j，也不知道該怎麼寫，所以可能寫的不是很詳細，也會有其他遺漏的東西。其次對Vuetify的認知很淺，還只停留在會用 --, 只是我真的在搭專案的過程中無數次的碰壁+踩坑(比如引用成功後webpack打包出現問題，以及打包沒問題卻樣式不成功)歷經幾番之後成功了，就想把成功的步驟寫下來。省的自己又忘。
作為一個真的不關注技術的菜鳥，如果不是別人提起來要用vuetify，我可能到現在還不知道它的存在。不得不說 Vuetify的設計風格，兩個字概括就是高階。就是熟練度不夠，使用起來不是很得心應手。
Vuetify
Vuetify相對比其他元件庫的好處：
- Vue的語義元件框架
- Material Design 設計規範
- 元件更多，每一個元件都是手工製作。
- 頁面主題更加簡潔大氣，高階。
Vuetify需要在Vue Cli3的基礎上進行使用 （天真的沒有注意到這點，哭的很慘，開始倒是直接用了，之後的問題都是打包的時候遇到的問題(好慘一女的T^T)）
Vue cli3
安裝步驟：
1.npm install -g @vue/cli 或者yarn global add @vue/cli（安裝時出現無法識別，故選擇npm）
- 如果出現4048報錯，解決辦法：在cmd視窗輸入npm cache clean --force
- 還有一種不成功的情況，是需要解除安裝 vue cli2 腳手架。
- 成功後 vue --version 檢視版本
2.vue create mia-app （mia-app為專案檔名稱）
3.選擇預設（default）還是手動（Manually） 選擇default 一路回車 第一次配置選擇手動 按上下鍵選擇
4.下載依賴之後完成
Vue+Vuetify的安裝
按照官網文件給的命令列：vue add vuetify
But！！！這個時候如果直接寫專案，然後進行webpack打包的話就會出現問題，專案中的樣式是ok的，但是打包之後的index.html檔案開啟白屏
這個時候就乖乖的配置vue.config.js檔案就好（下面都是基本配置，高階的我也還不會 - -，）
再npm run serve啟動專案，build打包就可以看到效果啦
ok 完美結束~！
哦！！！對！！！再加一句，記得把router裡面的mode：'history'改為'hash'否則可能沒有辦法路由跳轉哦
