为什么使用 Vuetify？

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 整合到整个