我刚刚购买了 WebStorm 5,到目前为止,我一直非常喜欢它的检查功能。我在开发 Chrome 扩展程序时遇到的一个问题是它无法识别chrome
变量:
有没有办法可以将chrome
变量添加到 Inspector 以便在我键入时自动完成?我猜我需要将 Chromium 添加为外部库,但我不确定从哪里开始。
我刚刚购买了 WebStorm 5,到目前为止,我一直非常喜欢它的检查功能。我在开发 Chrome 扩展程序时遇到的一个问题是它无法识别chrome
变量:
有没有办法可以将chrome
变量添加到 Inspector 以便在我键入时自动完成?我猜我需要将 Chromium 添加为外部库,但我不确定从哪里开始。
打开Settings
对话框 ( File
> Settings
)
点击Languages & Frameworks
> Javascript
>Libraries
点击Download
确保TypeScript community stubs
选中
从列表中选择chrome
(您只需键入即可快速找到它chrome
)
点击Download and Install
单击OK
以关闭“设置”对话框。
步骤 2-6 如下所示:
在任何后续项目中,您只需:
再次打开Settings
对话框 ( File
> Settings
)
再次单击Languages & Frameworks
> Javascript
>Libraries
查看chrome-DefinitelyTyped
单击OK
以关闭对话框。
步骤 2-4 如下所示:
更新 2:
现在支持开箱即用,请参阅下面的完整答案。
更新:
有一个更完整的存根文件可以添加为库来完成代码。它是 Closure Compiler 项目的一部分。下载chrome_extensions.js。
另请参阅WebStorm 的功能请求,以从 IDE 自动添加此库。
您需要在某处获取 Chrome API 的 JavaScript 库,或者使用存根来获得基本的完成。
可以在 WebStorm 中配置库或存根。
我找到了带有 Extension API 的 JSON 文件。可以编写一个脚本,从这些 JSON 文件构建 JS 存根,存根可能看起来像上面 GitHub 上链接的基本版本,但通过自动生成,它们将包含几乎完整的 API 和 JSDoc 注释,以便可以查看像这里这样的文档直接在IDE中。
JSON => JavaScript 对象存根映射在这种情况下非常简单,编写这种转换器应该不会超过一天(对于熟练的编码人员来说是几个小时)。
如果有人继续执行它,请在此处发布结果链接。
WebStorm 有朝一日应该直接接受 json 定义,以便为定义的函数启用自动完成功能。同时,您可以使用https://github.com/QuickrWorld/jsgen上的程序将 json 文件转换为 js 以启用 chrome 扩展 API 的自动完成功能。
对于编写 AppScript、 DriveApp、SpreadsheetApp等函数和类,WebStorm 或 Intellij 中有一个名为 google-app-script 的插件。
安装方法同上。另一方面,您应该将 .gs 文件标记或打开为 JavaScript。(2017 年 7 月)