목록v-text-field (1)

jhhan의 블로그

Vuetify 시작

이번에는 Vuetify를 기본적으로 다뤄보기만 해보겠습니다. 먼저 Vue.js 파일을 만듭니다. 먼저 Vue.js를 선택합니다. 프로젝트의 제목을 입력하시고 그 외의 설정들을 바꾼 후 진행하시면 됩니다. 처음 하신다면 프로젝트 제목만 입력하고 finish 버튼을 누르면 되겠습니다. 그러면 Vue.js 프로젝트가 만들어집니다. 그럼 이제 터미널 창에서 진행합니다. npm run serve를 입력하시면 프로젝트가 실행되면서 화면을 보실 수 있습니다. 이제 'vue add vuetify'를 입력합니다. 그러면 vuetify 관련 파일들이 설치됩니다. 그리고 다시 npm run serve를 입력하시면 vuetify관련 화면으로 바뀐 것을 알 수 있습니다. (관련 캡쳐화면은 하지 못했습니다. 기본 화면이니 쉽게 ..
Vue.js 2020. 5. 23. 23:06
이전 Prev 1 Next 다음