129

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

未解析的变量或类型 chrome

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

4

4 回答 4

274

首次设置

  1. 打开Settings对话框 ( File> Settings)

  2. 点击Languages & Frameworks> Javascript>Libraries

  3. 点击Download

  4. 确保TypeScript community stubs选中

  5. 从列表中选择chrome(您只需键入即可快速找到它chrome

  6. 点击Download and Install

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


步骤 2-6 如下所示:

Webstorm 截图


在后续项目中

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

  1. 再次打开Settings对话框 ( File> Settings)

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

  3. 查看chrome-DefinitelyTyped

  4. 单击OK以关闭对话框。


步骤 2-4 如下所示:

网络风暴截图

于 2014-08-23T21:53:22.327 回答
46

更新 2

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

下载库

更新

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

另请参阅WebStorm 的功能请求,以从 IDE 自动添加此库。


您需要在某处获取 Chrome API 的 JavaScript 库,或者使用存根来获得基本的完成

可以在 WebStorm 中配置库或存根。


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

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

如果有人继续执行它,请在此处发布结果链接。

于 2012-12-24T08:38:18.977 回答
2

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

于 2013-05-21T13:24:47.747 回答
-2

对于编写 AppScript、 DriveAppSpreadsheetApp等函数和类,WebStorm 或 Intellij 中有一个名为 google-app-script 的插件。
安装方法同上。另一方面,您应该将 .gs 文件标记或打开为 JavaScript。(2017 年 7 月)

于 2017-07-01T20:36:02.230 回答