Vue Firebase Startup Kit

Overview

This is a template repository, which would help any level of developers to quickly start to develop a web application using Firebase as a backand and Vue as a front-end.

In addition to Firebase and Vue, we have chosen Buefy as the UI library.

Quick Start Guide

Requirements:

• A Google account
• An account on Github
• A development machine (MacOS machine is recommanded)
• A source code editor (Microsoft Visual Studio Code is recommanded)
• npm
• Firebase Tools (run "npm install -g firebase-tools")

Steps:

1. Fork this repository (on github)
2. "git clone" that repository
3. Create your own project in Firebase console, then create a Web App and Firestore and enable Email authentication.
4. Create your own project.ts at src/config directory by copy & paset firbaseConfig from Firebase console, and add export it, wihch should look like this.

export const firebaseConfig = {
  apiKey: "AIzaSyDz2zsrTAb3Tq8-2qxvdMf0t2kkCaqpuK0",
  authDomain: "vue-firebase-kit.firebaseapp.com",
  databaseURL: "https://vue-firebase-kit.firebaseio.com",
  projectId: "vue-firebase-kit",
  storageBucket: "vue-firebase-kit.appspot.com",
  messagingSenderId: "267570366791",
  appId: "1:267570366791:web:cb1a0179314fd9da3ee462"
};

5. Create .firebaserc file based on your firebase project name, which looks like this:

{
  "projects": {
    "default": "your-own-firebase-project-name"
  }
}

6. run "firebase login" to login to your Google account
7. run "npm install" to install required node modules
8. run "npm run serve" to run it locally for development
9. open "http://localhost:8080" on your browser

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.