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

Javascript 如何使用WebStorm进行Chrome扩展开发?,javascript,autocomplete,google-chrome-extension,intellij-idea,webstorm,Javascript,Autocomplete,Google Chrome Extension,Intellij Idea,Webstorm,我刚买了WebStorm 5,到目前为止,我非常喜欢它的检查功能。我在开发Chrome扩展时遇到的一个问题是,它无法识别Chrome变量: 是否有一种方法可以将chrome变量添加到Inspector中,以便在键入时自动完成?我猜我需要添加Chromium作为外部库,但我不确定从哪里开始。更新2: 现在支持开箱即用,请参见 更新: 有一个更完整的存根文件,可以作为库添加以完成代码。它是闭包编译器项目的一部分。下载 另请参见从IDE自动添加此库的步骤 您需要在某处获取ChromeAPI的Ja

我刚买了WebStorm 5,到目前为止,我非常喜欢它的检查功能。我在开发Chrome扩展时遇到的一个问题是,它无法识别
Chrome
变量:


是否有一种方法可以将
chrome
变量添加到Inspector中,以便在键入时自动完成?我猜我需要添加Chromium作为外部库,但我不确定从哪里开始。

更新2

现在支持开箱即用,请参见

更新

有一个更完整的存根文件,可以作为库添加以完成代码。它是闭包编译器项目的一部分。下载

另请参见从IDE自动添加此库的步骤


您需要在某处获取ChromeAPI的JavaScript库,或者

图书馆或存根


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

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


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

WebStorm有朝一日应该直接接受json定义,以便为定义的函数启用自动完成功能。同时,您可以使用上的程序将json文件转换为js,以启用chrome扩展API的自动完成。

首次安装
  • 打开
    设置
    对话框(
    文件
    设置

  • 单击
    Languages&Frameworks
    >
    Javascript
    Libraries

  • 单击下载

  • 确保选择了
    TypeScript社区存根

  • 从列表中选择
    chrome
    (只需键入
    chrome
    即可快速找到它)

  • 单击下载并安装

  • 单击
    OK
    关闭设置对话框


  • 步骤2-6如下所示:


    在后续项目中 在任何后续项目中,您只需:

  • 再次打开
    设置
    对话框(
    文件
    设置

  • 再次单击
    Languages&Frameworks
    Javascript
    Libraries

  • 选中“chrome DefinitelyTyped”

  • 单击
    OK
    关闭对话框


  • 步骤2-4如下所示:


    为了编写AppScript、函数和类,例如DriveAppSpreadsheetApp,WebStorm或Intellij中有一个名为google app script的插件。

    安装方法同上。另一方面,您应该将.gs文件标记或打开为JavaScript。(2017年7月)

    谢谢,我最喜欢这个主意。实际上,我最终克隆了Chromium Git Repo,并添加了文件夹
    /chrome/renderer/resources/extensions
    ,它提供了我想要检查的大部分内容。sirlancelot-不适合我。。。你能在这里发布一些snipper,它在将这个目录作为库添加到WebStorm(或IntelliJ)后自动完成吗?我下载了,但为了消除WebStorm中的
    未解析变量
    警告,我不得不在
    chrome_extension.js
    中添加以下行:
    var chrome={}
    并将其作为库包含在我的项目中。还有一个相当新的(2013年12月)vsdoc文件。它有对象、方法和参数描述(这个TypeScript版本缺少)。使用Ctrl-Q查看描述时会有点混乱,因为vsdoc使用XML进行文档注释,但仍然可读且可用。只需将下载的vsdoc作为自定义JS库添加到Webstorm中即可。在IntellijThanks中也同样适用!现在,google应用程序脚本和google.visualization也可用。需要更新答案,因为IntelliJ IDEA 2017.1在“TypeScript社区存根”下没有显示“chrome”。知道如何添加吗?这是IntelliJ idea 2017.1中的一个bug。应该注意的是WebStorm需要重新启动。