title: Deploy a Vue.js App with Firebase Hosting
body: <p>What is the best Way to deploy a vue.js app initialy created with vue-cli to Firebase Hosting?
  I prepared the vue-app for deployment with</p>
  
  <p><code>npm run build</code></p>
  
  <p>This creates the folder "dist" with the bundled js-file and assets like pictures. </p>
  
  <p>Then- after installing firebase tools globaly, I run</p>
  
  <pre><code>firebase init
  </code></pre>
  
  <p>This creates a folder "public" with a default index.html file inside.</p>
  
  <p>First i set in firebase.json:</p>
  
  <pre><code>  "hosting": {
  "public": "dist"
  </code></pre>
  
  <p>}</p>
  
  <p>and copied the index.html (the vue index.hltm) from the root-folder to "dist" folder.
  Then i deployed with </p>
  
  <pre><code>firebase deploy
  </code></pre>
  
  <p>It runs, but the paths to the pictures seem to be broken .
  I set public folder to "public" in firebase.json</p>
  
  <pre><code>      "hosting": {
  "public": "public"
  </code></pre>
  
  <p>}</p>
  
  <p>an put vue index.html there, but then "dist" is not found.
  I moved the "dist"-folder inside the "public"folder, and finaly- App is online on firebase.</p>
  
  <p>But now <code>npm run dev</code> is not working any more. Firebase cli seems to break vue-cli.</p>
  
  <p>So how to get  vue-cli and firebase-cli playing together?</p>