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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (141)

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

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

提问于
用户回答回答于

首次设置

  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如下所示:

在后续项目中

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

  1. 再次打开Settings对话框(File> Settings
  2. 再次点击Languages & Frameworks> Javascript> Libraries
  3. 检查 chrome-DefinitelyTyped
  4. 点击OK关闭对话框。

步骤2-4如下所示:

用户回答回答于

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

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

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

库或存根可以在WebStorm中配置

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

JSON =>在这种情况下,JavaScript对象存根映射非常简单

所属标签

可能回答问题的人

  • 西风

    renzha.net · 站长 (已认证)

    7 粉丝1 提问9 回答
  • 四无君

    0 粉丝0 提问3 回答
  • o o

    3 粉丝491 提问2 回答
  • Dingda

    Dingda · 站长 (已认证)

    4 粉丝0 提问2 回答

扫码关注云+社区

领取腾讯云代金券