Javascript 如何使用WebStorm进行Chrome扩展开发?
我刚买了WebStorm 5,到目前为止,我非常喜欢它的检查功能。我在开发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
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
OK
关闭对话框步骤2-4如下所示:
为了编写AppScript、函数和类,例如DriveApp、SpreadsheetApp,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需要重新启动。