当你运行firebase init时，会问一些问题，比如你想使用哪个firebase特性，选择你的项目......当cli询问时

? What do you want to use as your public directory?

键入dist您想要的文件夹，现在dist文件夹将被部署。
检查此link，希望这有帮助.

我想我明白了。首先，保持两个独立的项目，一个用于vue应用程序，一个用于Firebase-Hosting。因此，CLI可以独立工作，不会出现任何问题。开发您的vue.js应用程序，并准备使用npm run build进行部署。之后，您所需要的就是vue中的index.html-项目根和文件夹dist使用CLI在空文件夹中执行firebase init创建Firebase项目。如果需要，您还可以在此处维护Firebase函数。
在firebase init期间或之后编辑firebase.json中的条目时定义公共目录
"hosting": { "public": "public"}
这将成为你的应用程序的根目录。Vue.js希望index.html直接在根目录中，并在其中有一个子文件夹dist。因此，将dist定义为根目录并不是你想要的。vue-app中图片的相关路径会被破坏。默认情况下，保留公共设置。然后从vue-复制index.html和dist-folder项目在public目录中的Firebase-project。如果需要，现在可以在本地测试使用firebase serve部署的内容。如果一切正常，请使用firebase deploy部署

dist应该是您的公共文件夹。下面是使用Firebase托管的VueJS的工作配置：

{
  "hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

我还编写了一份关于auto-deploying VueJS apps to Firebase hosting的深度指南