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

沃梦达教程前端问题

2022-01-01 8

How to install and get started with Vuetify and Vue.js 3(如何安装和开始使用Vutify和Vue.js 3)

本文介绍了如何安装和开始使用Vutify和Vue.js 3的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

在VUE 2中，我们这样做：

vue create project-name

然后：

vue add vuetify

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

推荐答案

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

您可以按照新文档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,
})

您可以通过分叉repository开始

这篇关于如何安装和开始使用Vutify和Vue.js 3的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！