安裝

vue-cli 要在 3.0 以上

vue add vuetify

webpack 安裝

把 vuetify 安裝到 webpack 裡面

npm install vuetify

npm install sass@~1.32 sass-loader deepmerge -D

// webpack.config.js
module.export = {
	module: {
		rules: [
			test: /\\.s(c|a)ss$/,
			use: [
				'vue-style-loader',
				'css-loader',
				{
					loader: 'sass-loader',
					options: {
						implementation: require('sass')
						indentedSyntax: true
					},
					options: {
						implementation: require('sass')
						sassOptions: {
							indentedSyntax: true
						}
					}
				}
			]
		]
	}
}

// src/plugins/vuetify.js

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)

const opts = {}

export default new Vuetify(opts)

// src/main.js

import Vue from 'vue'
import vuetify from '@/plugins/vuetify' // path to vuetify export

new Vue({
  vuetify,
}).$mount('#app')

google roboto 和 material design

<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/[email protected]/css/materialdesignicons.min.css>" rel="stylesheet">