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

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

有没有办法，我可以添加chromevariables检查器，以便它可以自动完成，因为我input？ 我猜我需要添加铬作为外部库，但我不确定从哪里开始。

Answer 1

首次设置

1. 打开Settings对话框（ File > Settings ）

2. 单击Languages & Frameworks > Javascript > Libraries

3. 点击Download

4. 确保select了TypeScript community stubs

5. 从列表中selectchrome （只需inputchrome即可快速find它）

6. 单击Download and Install

7. 单击OKclosures设置对话框。

---

步骤2-6如下所示：

---

在后续项目中

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

1. 再次打开Settings对话框（ File > Settings ）

2. 再次单击Languages & Frameworks > Javascript > Libraries

3. 检查chrome-DefinitelyTyped

4. 点击OKclosures对话框。

---

步骤2-4如下所示：

Answer 2

更新2 ：

现在支持开箱即用，请参阅下面的完整答案 。

更新 ：

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

另请参阅WebStorm的function请求，以便从IDE自动添加此库。

---

您需要获取Chrome API的JavaScript库，或者使用存根来完成基本的完成 。

库或存根可以在WebStorm中configuration 。

---

我用扩展APIfind了JSON文件 。 可以编写一个脚本，从这些JSON文件构buildJS存根，这些存根可以看起来像在上面的GitHub上链接的基本版本，但是通过自动生成，它们将包含几乎完整的API和JSDoc注释，以便可以查看这里的文档直接在IDE中。

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

如果有人进行实施，请在此处链接到结果。

Answer 3

WebStorm总有一天会直接接受json定义来为定义的函数启用自动完成function。 同时，您可以使用https://github.com/QuickrWorld/jsgen中的程序将json文件转换为js，以便为Chrome扩展API启用自动完成function。;

Answer 4

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