2021-12-14 (Vue.js - vuetify)

1. Vuetify 란?

- Vue 생태계에서 가장 활동적이며 다양한, 완벽한 기능을 갖춘 개발 프레임 워크이다. 쉽게 말해 vue에서 사용할 수 있는 용이한 UI toolkit이라고 할 수 있다.

• 퀄리티 있게 만들 수 있다.
• 생산성이 높다.
• 일관성이 있어 유지보수가 용이.
• 코드에 대한 재사용성이 높다.

 

2. Vuetify 설치

vue

vue add vuetify

npm

npm install vuetify

3. Vuetify 사용

- 원하는 UI를 찾아서 소스 코드를 복사해 사용

https://vuetifyjs.com/

Vuetify — A Material Design Framework for Vue.js

 

 

참고사이트

https://vuetifyjs.com/en/

https://marshmello.tistory.com/50