本文介绍了如何安装和开始使用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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!