[Vue.js|Vuetify] Vuetify 시작하기

시작하기 앞서 참고하기 좋은 사이트를 제공하고 시작하겠습니다.

 

https://kr.vuejs.org/

Vue.js

https://vuetifyjs.com/ko/getting-started/quick-start

빠른 시작 — Vuetify.js

https://cli.vuejs.org/guide/creating-a-project.html#vue-create

Creating a Project | Vue CLI

 

---

※  npm 명령어를 사용하기 때문에 node.js를 미리 설치해둬야한다.

---

vue를 설치하자

npm install vue

Vue-CLI를 설치하자

npm install -g @vue/cli 를 사용해 Vue CLI 3를 설치하면 된다

 npm install -g @vue/cli

 

프로젝트 시작하기

vue create my-app
cd my-app

기본으로 설정해도 되지만 써보고싶은게 있어서 저는 이렇게 설정해보았습니다.

프로젝트가 생성되었습니다

한번 실행해볼까요?

npm run serve

아직은 Vuetify가 아닌 Vue.js App화면이 뜹니다. 다시 설정하러 가보죠.

 

Vuetify를 시작해보자

vue add vuetify

이제 Vuetify 설정까지 마쳤습니다.

이후는 공식문서를 활용하여 꾸미는 일만 남았습니다.