VueFirebasePanelApp

Vue Firebase Panel-App

Firebase Admin Panel mit Vue.js (vuex, vuetify, vuefire)

Merkmale

• Dunkel-/Hell-Thema
• Vuetify Material Design
• Vuex-Staatsverwaltung
• Firebase CRUD-Operationen
• Firebase Cloud Firestore, Speicher und Authentifizierung synchronisiert

Screenshots

Demo

• URL: https://fire-panel.web.app
• E-Mail: [email protected]
• Passwort: demo123

Firebase-Anpassung

Geben Sie Ihre Projektkonfigurationseinstellungen in src/main.js ein

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

Projektaufbau

 npm install

Kompiliert und Hot-Reloads für die Entwicklung

 npm run serve

Kompiliert und minimiert für die Produktion

 npm run build

Lints und Fixes von Dateien

 npm run lint

Konfiguration anpassen

Siehe Konfigurationsreferenz.