Material Design 组件框架
Vuetify 是一个 Vue UI 库，包含手工制作的精美材料组件。不需要设计技能 - 创建令人惊叹的应用程序所需的一切都触手可及。
为什么使用 Vuetify？
用 Vue 构建应用程序从未如此简单。使用成功所需的所有工具来加速您的开发过程。
| 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 整合到整个
