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

Question

我刚买了WebStorm 5，到目前为止，我真的很喜欢它的检测功能。

​

​

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

Answer 1

首次设置

1. 打开Settings对话框(File > Libraries
2. Click Download
3. Make
4. >Settings>Libraries
5. ClickDownload
6. Make sure TypeScript community stubs is Libraries
7. ClickDownload
8. MakeTypeScript community stubs chrome from the list )(只需键入TypeScript community stubs关闭设置对话框，即可快速找到该对话框。<File>H226<代码>G227

步骤2-6如下所示：

​

​

在后续项目中

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

1. 再次打开Settings对话框(File > Settings)
2. Click Languages & Frameworks > Javascript > Libraries
3. Check chrome-DefinitelyTyped
4. Click <File>D44关闭对话框。

步骤2-4如下所示：

​

​

Answer 2

更新2

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

​

​

更新

它是闭包编译器项目的一部分。下载chrome_extensions.js。

另请参阅从集成开发环境中自动添加此库的feature request for WebStorm。

你需要在某个地方获得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。

在这种情况下，JSON => JavaScript对象存根映射非常简单，编写这种转换器不会花费超过一天的时间(对于熟练的程序员来说也不会超过几个小时)。

如果有人继续并实现它，请在这里发布结果的链接。

Answer 3

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