Vuetify 설치

✏️ Vuetify란 무엇일까? 

 

Vuetify는 UI Components로 편리하게 UI 셋팅을 할 수 있게 해준다. 

원래 예전에는 Element UI를 종종 사용했었는데, UI Components의 장점은 편리하지만

단점은 커스텀하기가 조금 까다로울 수 있다는 것이다. 

 

Vuetify는 사용했다하기 민망할 정도로 잠깐 사용했기에, 이번에 사용해보며 경험해보려고 한다.

 

 

 

✏️ 설치 

 

우선 Vue3 버전은 2021 3분기에 릴리즈될 예정이라고 하여, 현재는 Vue3 버전 이하에서 사용할 수 있다.

나는 Vue Cli로 Vue2 버전에서 설치를 진행했다.

 

문서에 기재된 설치 방법 (링크)

 

vue add vuetify

 

위 명령어를 통해 설치를 진행하게 되면 프리셋을 선택하라는 게 나온다. 나는 Default로 진행했다.

 

파일의 구성 요소의 변경이 생길 수 있으니 조심하라는 내용이 있다. 

 

위까지 진행하고 나면, 기본 페이지가 아래와 같이 바뀌면 성공이다. 

 

여러 UI 컴포넌트를 사용해보고 다음에는 사용 후기를 올릴 예정이다.