将Vue项目部署到Firebase的步骤

1.去firebase官网 添加所需要的依赖 node.js 与 firebase

2.进入你的项目的目录根下，打开终端：firebase init

坑：若出现无法初始化，重新firebase login

3. 你可以选择现有的服务器或者新建服务器（图中已经选择服务器“pdf-reader”  👴的课题）

4.接下来会问你哪一个作为启动目录，这边不要选默认的public，写一个dist。由于npm run build，使用npm打包Vue项目时候会创建dist目录。若你已经创建dist目录，打包完文件还是会放到这个目录下。

5.重写index文件，选择yes。若存在，依然选择rewrite

6.到这一步firebase的初始化完成了，接下来在终端运行：npm run build 打包项目。完成后dist目录下会多很多文件。

7.接下里运行一下npm firebase serve, 看一下是否完成文件的传输（可跳过）。

 

8.运行：firebase deploy 开始部署你的文件，准备上线。

坑：这时候应该已经看见了你的页面，但是你进入firebase console再去看你的项目的话，不会直接显示，你会看到“firebase hosting aready”的提示。不要慌，部署需要一定的时间，过一个小时就可以看见你的Vue项目已经上线

PS：毕设课题真SB