IT일반/VueJS

Vuetify를 Firebase로 배포하기 설정

xavi2019 2021. 4. 1. 11:40

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