WebStorm Firebase 集成

Question

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

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

Answer 1

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

或者，您可以下载 firebase-app.js and firebase-auth.js from the CDN and then configure them as a Library in WebStorm as described in the docs。

Answer 2

将link 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. 您可以点击两次确认并关闭Settings页面
8. 现在你的Firebase被WebStorm识别了，所有的@types都定义好了，你可以Ctrl+Click任何函数，并获得代码补全！

此致！