DEV Community

loading...

Vue Js Firebase project deploy with Firebase hosting

Tanzim Ibthesam
・2 min read

Here I will discuss about how easily it is to deploy a Vue application to firebase hosting.
Suppose you have completed a Vue project and now you want to deploy
1.First Step-In First stage go to directory of your project in CLI and write
firebase login
alttext
You you are writing it for the first time you may see something like a pop up taking you to login page.
2.Second Step
Then type Firebase init
alttext
3.Select from options
altetext
Here we need to select the options we want with Spacebar after selecting the options press Enter
4.Connecting to existing or use in new project current project
alttext
5.What project you want to select?
alttext
Here below you will see the options and select a project which you want to deploy.

6.Select directory for public hosting
alttext
Here we have to type dist

7.SPA selection
altetxt
We will select yes
8.Overwriting html git deploy
alttext
Here we dont want to deploy and autobuild with git
9.Build
npm run build
10.Deploy
firebase deploy
alttext
From dashboard click hosting and in domain you will see your domain and if you click you will see your desired app
What if I want to change anything after Deployment
Simple just run npm run build again and then firebase deploy

Discussion (0)