vue cli使用vuetify的操作详解

1. 下载(这时最好不要开启服务)，在你的脚手架项目目录下：

   vue add vuetify
   

   还有一种通过npm下载但没此方法简单，所以。。。。

2. 在main.js中执行：

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

3. 在main.js中执行：

   import 'vuetify/dist/vuetify.min.css'
   

4. 在index.js中引入字体和样式：

   <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
   <link href="https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css" rel="stylesheet">
   

5. 然后就引入好了，就可以在.vue文件中的中以<v-…></v-…>的方式使用，具体还可以参照vuetify官网进行学习。

下面是我使用的例子：

<template>
  <v-row align="center">