如何让GWT Super Dev Mode与IntelliJ配合使用

我有很多问题让Super Dev模式与IntelliJ一起工作。 这个问题,以及我在下面的回答,是为了记录如何做到这一点,对于将来可能会遇到这个问题的任何人(以供我自己参考):

IntelliJ IDEA 14 EAP现在为GWT Super Dev Mode提供了更好的支持。 您需要在Chrome上使用JetBrains IDE插件进行JavaScript调试,并安装GWT 2.6.1 。 然后,您可以直接在“运行配置”下启用超级开发模式支持 – 有关更多信息,请查看我们的博客文章和此网络研讨会以进行快速演示。

1)将以下行放在模块的.gwt.xml代码中:

      

2)在IntelliJ中进行两个GWT运行配置,一个打开Super Dev模式,另一个打开super dev模式。

第一个配置(代码服务器): 在此处输入图像描述

第二个配置(开发模式):

在此处输入图像描述

3)运行CodeServer运行配置。 它将给出如下输出:

 The code server is ready. Next, visit: http://localhost:9876/ 

访问该url。 将有一个’开发模式’按钮。 将其拖动到书签栏。 然后,单击此页面上模块的名称,浏览其源代码以找到.nocache.js文件。

4)在主机页面html中,将现有nocache.js文件的路径更改为指向在步骤3中复制了链接的nocache.js文件。例如:

  

5)现在运行第二次运行配置。 它将转到gwt dev模式url,带有?gwt= etc url参数。 删除这些url参数,然后刷新页面。 您现在应该能够看到主页。 如果代码服务器运行配置已在运行,则GWT代码可能会自动运行。

6)当对项目进行任何更改时,只需单击之前添加的“开发模式”书签。 它将给出模块的名称和编译按钮。 单击“编译”按钮,它将重新编译模块(发生得相当快),然后刷新页面。

7)编译按钮也可以拖动到书签栏,跳过单击“开发模式”书签的步骤。

编辑:这个答案不完整,有一些问题。 如果有人想要更正它,请编辑它。 如果有任何评论者看到对此答案的修改,请批准他们。

@Click Upvote的回答是不对的。 您不必替换主机html页面是脚本标记的src属性。 或者你会发现每个GWT RPC请求都将发送到端口9876(运行代码服务器)而不是Web服务器端口(例如8080)。

这里有一篇关于这个问题的post。

顺便说一句,我使用的是gwt 2.6.1和Intellij 13.0.1