Vuetify를 Firebase로 배포하기 설정

Vuetify + Firebase

 

1. 디렉토리 생성
1. mkdir marketboro-via
2. cd marketboro-via 
2. 상위로 이동 cd ..
3.  
4. 뷰 프로젝트를 Firebase 프로젝트 명과 동일하게 
1. vue create marketboro-via
2. Overwrite
3. [Vue 2] babel, router, vuex, eslint 선택 
4. ESLint + Standard
5. Vuetify 설치
1. cd marketboro-via/ 프로젝트 안으로 이동
2. vue add vuetify
3. Choose a preset: ❯ Configure (advanced)
1. ? Use a pre-made template? (will replace App.vue and HelloWorld.vue) Yes
2. ? Use custom theme? No
3. ? Use custom properties (CSS variables)? No
4. ? Select icon font Material Design Icons
5. ? Use fonts as a dependency (for Electron or offline)? No
6. ? Use a-la-carte components? Yes
7. ? Select locale Korean
6. Firebase 설정
1. firebase init
2. 프로젝트 선택
3. 배포할 dir - dist
7. 로컬에서 확인 
   1. yarn serve
8. Firebase 배포
   1. yarn build
   2. firebase deploy --only hosting