2023-01-13_简介及安装

简介

• vuetify 是一款广受欢迎的 Material Design 风格的开源 UI 框架。
• 对比element-plus来说，个人觉得风格会更加漂亮。特别是绚丽的颜色、阴影、立体感。

1. 安装

• 在命令行下执行如下命令。。执行完毕后会自动改写main.js文件、替换默认的HelloWorld.vue文件
• 注意，用npm install vuetify是没有用的。。会报错。还是得用如下的官方方法。

vue create my-app
# 切换到新项目目录
cd my-app
vue use vuetify //安装vuetify

2. 看看安装完毕后的main.js文件

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

loadFonts()

createApp(App)
  .use(vuetify)
  .mount('#app')