误失本地代码后，如何从Firebase Hosting拉取静态站点代码？

Firebase Hosting本身没有提供一键拉取已部署代码的官方入口，但有几种实用方法可以恢复你的JS、HTML静态文件：

方法1：使用Firebase CLI的下载命令 #

这是最直接的官方方式，需要确保你用的是v9.0及以上版本的Firebase CLI：

• 先安装/更新CLI：npm install -g firebase-tools
• 登录你的Firebase账号：firebase login
• 创建一个空文件夹，进入后初始化Hosting：firebase init hosting，选择你对应的项目，初始化时不要勾选覆盖现有文件（空文件夹无所谓）
• 执行下载命令：firebase hosting:download ./target-folder，把target-folder换成你想保存文件的目录名，执行后就能把已部署的所有静态文件下载到本地

方法2：通过浏览器开发者工具批量抓取 #

如果CLI方法遇到问题，也可以手动从浏览器提取文件：

• 打开你的托管网站，按F12打开开发者工具
• 切换到「Network」标签，刷新页面，让所有静态资源（JS、HTML、CSS等）加载出来
• 可以右键单个资源选择「保存」，或者用浏览器的批量导出功能（部分浏览器支持，也可以用第三方插件辅助）
• 注意整理下载后的文件结构，和网站的目录层级保持一致，避免路径错误

方法3：检查其他备份渠道 #

• 如果你之前是通过CI/CD工具（比如GitHub Actions）部署的，直接去对应的代码仓库克隆代码即可
• 查看Firebase控制台的Hosting部署历史，里面会显示部署来源，说不定能找到代码的备份位置

重要提醒 #

以后建议把代码托管在Git仓库（GitHub/GitLab等），同时开启Firebase Hosting的自动部署，这样就算本地代码丢失，也能随时从仓库拉取重新部署，避免类似问题。

内容的提问来源于stack exchange，提问作者dev