Material Design 元件架構

Vuetify 是一個 Vue UI 庫，包含手工制作的精美材料元件。不需要設計技能 - 建立令人驚歎的應用程式所需的一切都觸手可及。

為什麼使用 Vuetify？

用 Vue 建構應用程式從未如此簡單。使用成功所需的所有工具來加速您的開發過程。

Vue Framework Comparison 2020

Features	Vuetify	BootstrapVue	Buefy	Element UI	Quasar Framework
Full Accessibility and Section 508 support
Server Side Rendering support
Long-term Support
Release cadence**	Weekly	Bi-Weekly	Bi-Monthly	Bi-Weekly	Bi-Weekly
Treeshaking	Automatic	Manual	Manual	Manual	Automatic
RTL support
Premium Themes
Business and Enterprise support

用 Vue + Vuetify 這一套架構寫了個 倉庫管理系統 和 個人網站，是以整理了如何用 Vue，Vuetify，Vuex，Vue-router 寫一個單頁應用 (SPA)，為以後回憶友善，也供初學者參考，少踩坑。

（這篇不是 Vue 的基礎介紹，是以建議先讀了 Vue 的官方文檔，再來看怎麼應用。）

這篇以開發的個人網站為例，從一個空檔案夾開始講到完整個網站，其中包括這幾個子產品：

配置開發環境

配置 Webpack

将 Vuex + Vue-router + Vue-router-sync + Vuetify 整合到整個