VuetifyJS — приложение в стиле Material Design - Начало использования

Устанавливаем с помощью NPM:

npm install @vue/cli -g

В файле main.js подключаем модуль:

import Vue from 'vue'
import Vuetify from 'vuetify'
 
Vue.use(Vuetify)

Помним про файл стилей, который тоже нужно подключить:

// index.js or main.js
import 'vuetify/dist/vuetify.min.css' // Ensure you are using css-loader
import 'material-design-icons-iconfont/dist/material-design-icons.css' // Ensure you are using css-loader

Любое приложение должно строиться примерно по такой структуре:

<v-app>
  <v-navigation-drawer app></v-navigation-drawer>
  <v-toolbar app></v-toolbar>
  <v-content>
    <v-container fluid>
      <router-view></router-view>
    </v-container>
  </v-content>
  <v-footer app></v-footer>
</v-app>