WebStorm Firebase 集成

Question

我对 Firebase 和一般的 Web 开发还是很陌生。有谁知道如何在 WebStorm 中避免此类错误？

理想情况下，我希望能够将 Webstorm 指向某些资源，以便它识别这些功能。一切正常，这在技术上只是一个烦恼，但我一直无法找到解决方案。

Answer 1

要将Firebase 链接为WebStorm JavaScript 项目中的库，请执行以下操作：

1. 点击Ctrl+Alt+S打开Settings页面。
2. 打开页面Language & Frameworks > JavaScript > Libraries
3. 点击右侧的ADD...按钮
4. 填写名称为firebase
5. 点击+和Attach Directories
6. 在当前项目中找到您的 node_modules\@firebase 文件夹
7. 可以OK两次确认关闭Settings页面
8. 现在您的Firebase 已被WebStorm 识别并定义了所有@types，您可以Ctrl+Click 任何功能，并获得代码补全！

最好的问候！

Answer 2

添加 firebase 作为 package.json 的依赖项，然后执行 npm install 应该可以解决问题 - WebStorm 填充源文件索引并为 Firebase API 提供代码完成。

或者，您可以从 CDN 下载 firebase-app.js 和 firebase-auth.js，然后将它们配置为 WebStorm 中的库，如 docs 中所述。