VueFirebasePanelApp

Vue Firebase 패널 앱

Vue.js(vuex, vuetify, vuefire)를 사용하는 Firebase 관리자 패널

특징

• 다크 / 라이트 테마
• Vuetify 머티리얼 디자인
• Vuex 상태 관리
• Firebase CRUD 작업
• Firebase Cloud Firestore, 저장소 및 인증 동기화

스크린샷

데모

• URL: https://fire-panel.web.app
• 이메일: [email protected]
• 비밀번호: 데모123

Firebase 맞춤설정

src/main.js에 프로젝트 구성 설정을 입력하세요.

 const configOptions = {
  apiKey : "API_KEY" ,
  authDomain : "AUTH_DOMAIN" ,
  databaseURL : "DATABASE_URL" ,
  projectId : "PROJECT_ID" ,
  storageBucket : "STORAGE_BUCKET" ,
  messagingSenderId : "MESSAGING_SENDER_ID" ,
  appId : "APP_ID"
} ; 

프로젝트 설정

 npm install

개발을 위한 컴파일 및 핫 리로드

 npm run serve

프로덕션을 위해 컴파일 및 축소

 npm run build

파일 린트 및 수정

 npm run lint

구성 사용자 정의

구성 참조를 참조하세요.