如何使用WebStorm进行Chrome扩展开发？

Question

我刚买了WebStorm 5，到目前为止一直非常享受其检测功能。我在开发Chrome扩展程序时遇到的一个问题是它无法识别chrome变量：

有没有办法可以将chrome变量添加到检查器中，以便在我输入时自动完成？我猜我需要将Chromium添加为外部库，但我不确定从哪里开始。

Answer 1

首次设置

1. 打开Settings对话框（File＆gt; Settings）

2. 点击Languages & Frameworks＆gt; Javascript＆gt; Libraries

3. 点击Download

4. 确保选择TypeScript community stubs

5. 从列表中选择chrome（只需输入chrome即可快速找到）

6. 点击Download and Install

7. 点击OK关闭“设置”对话框。

---

下面的步骤2-6：



---

在后续项目中

在任何后续项目中，您只需：

1. 再次打开Settings对话框（File＆gt; Settings）

2. 点击Languages & Frameworks＆gt; Javascript＆gt; Libraries再次

3. 检查chrome-DefinitelyTyped

4. 点击OK关闭对话框。

---

步骤2-4如下所示：

Answer 2

更新2 ：

现在支持开箱即用，请参阅complete answer below。

<强>更新：

有一个更完整的存根文件可以作为库添加以获得代码完成。它是Closure Compiler项目的一部分。下载chrome_extensions.js。

另请参阅feature request for WebStorm以自动从IDE添加此库。

---

您需要在某处获取Chrome API的JavaScript库，或use a stub to get basic completion。

图书馆或存根can be configured in WebStorm。

---

我找到了JSON files with the Extension API。可以编写一个脚本来构建来自这些JSON文件的JS存根，存根看起来像上面GitHub上链接的基本版本，但是通过自动生成，它们将包含几乎完整的API和JSDoc注释，以便documentation like here可以可以直接在IDE中查看。

JSON =＆gt;在这种情况下，JavaScript对象存根映射非常简单，编写这种转换器不应该花费超过一天（或熟练的编码器几个小时）。

如果有人继续实施，请在此处发布结果链接。

Answer 3

WebStorm有一天应该直接接受json定义，以便为定义的函数启用自动完成功能。同时，您可以使用https://github.com/QuickrWorld/jsgen上的程序将json文件转换为js，以便为chrome扩展API启用自动完成。

Answer 4

对于编写AppScript，函数和类，例如 DriveApp ， SpreadsheetApp ，WebStorm或Intellij中有一个名为google-app-script的插件。
安装方法与上述相同。另一方面，您应该将.gs文件标记或打开为JavaScript。 （2017年7月）