[Vue.js] Vuetify 설치방법 및 실행방법

Vuetify 란?

• Vue 기반의 UI 프레임워크
• Vuetify를 사용하면 화면구성을 더 쉽게 할 수 있는 장점이 있지만, 자유도가 떨어진다는 단점이 있음.

설치방법

• 전에 Vue Cli를 설치했는데, Vue Cli가 설치 완료된 상태에서 Vuetify를 설치하는 과정

1. cmd창에서 전에 vue-cli를 설치한 프로젝트 경로로 이동
2. 'npm i vuetify'를 통해 vuetify 설치
3. 'vue add vuetify'를 통해 vue cli에 vuetify를 설치
4. 다음과 같이 옵션 선택 화면이 나오는데 recommended를 선택함

5. 조금 기다리면 다음과 같이 vuetify가 설치된 것을 확인할 수 있음

실행방법

1. 프로젝트 경로로 이동
2. 'npm run serve' 입력
3. 다음과 같이 실행된 것을 확인할 수 있음

4. 위에 나와있는 주소인 'http://localhost:8080'로 이동하면 실행된 것을 확인할 수 있음