如何安装和开始使用 Vuetify 和 Vue.js 3

Question

在哪里可以找到与 Vue.js 3 兼容的新 Vuetify 版本文档以及如何使用 Vue cli 安装和设置它：

在 vue 2 中我们这样做：

vue create project-name

然后：

vue add vuetify

我们如何使用 Vue 3 做到这一点？

Answer 1

在继续之前，请务必注意，此安装主要用于测试目的，不应考虑用于生产应用程序。

您可以按照新文档here 进行设置，如下所示：

创建新的 vue 项目：

vue create project-name

# change directory to the new created project

cd project-name

然后

vue add vuetify

这会将main.js 文件更改为：

import { createApp } from 'vue'
import vuetify from './plugins/vuetify'
import App from './App.vue'

const app = createApp(App)
app.use(vuetify)

app.mount('#app')

./plugins/vuetify

import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/lib/styles/main.sass'
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/lib/components'
import * as directives from 'vuetify/lib/directives'

export default createVuetify({
  components,
  directives,
})

你可以 fork 这个 repository 开始使用