[vue] vuetify 실행해보기

1. vue 프로젝트에 vuetify 추가하기

 

# npm i vuetify

# 아래의 공식홈페이지 주소에 나오는대로 main.js에 소스 작성하기

// Vuetify
import "vuetify/styles";
import { createVuetify } from "vuetify";
import * as components from "vuetify/components";
import * as directives from "vuetify/directives";

const vuetify = createVuetify({
  components,
  directives,
});

createApp(App).use(vuetify).mount("#app");

 

https://vuetifyjs.com/en/getting-started/installation/#existing-projects

Get started with Vuetify 3 — Vuetify

 

그럼 vuetify 사용 가능하다.

초간단