• Setup
  • JS.Lab-01
  • JS.Lab-02
  • Lab-01
  • Lab-02
  • Lab-03
  • Deploy-to-heroku
  • Lab-Vue-01
  • Lab-Vue-02
  • Lab-Vue-03
  • Deploy-to-Firebase
  • }}
  • Vue JS - Filters, Computed Values, Watchers & Transitions
  • Deploy-to-Firebase
  • 01
  • 02
  • Deploying our App to Firebase

    As a related exercise (and a useful one!) you should complete this lab in the context of your own Web App, and deploy your app to Firebase.

  • Step 01 - Requirements

    For reference, I mainly used this link when deploying to Firebase.

  • Step 02 - Using the Firebase CLI

    What follows are a series of screenshots which cover my own deployment of Version 3.0 of our Vue Web App.

    You must initially have a firebase account and login with

    firebase login

    and then initialise firebase in your project folder with

    firebase init

    You then just basically follow the instructions :)

    Once the firebase initialisation is complete you then

    npm run build

    to 'build' a deployment version of your Vue App

    and then

    firebase deploy

    to actually deploy your web app.