VueFirebasePanelApp

Vue Firebase パネル アプリ

Vue.js を使用した Firebase 管理パネル (vuex、vuetify、vuefire)

特徴

• ダーク/ライトテーマ
• Vuetify マテリアル デザイン
• Vuex 状態管理
• Firebase CRUD オペレーション
• Firebase Cloud Firestore、ストレージと認証が同期されました

スクリーンショット

デモ

• URL：https://fire-panel.web.app
• 電子メール：[email protected]
• パスワード：demo123

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

構成をカスタマイズする

「構成リファレンス」を参照してください。