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

Question

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

Answer 1

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

<!-- Super Dev Mode Config: -->
  <add-linker name="xsiframe" />
  <set-configuration-property name="devModeRedirectEnabled" value="true" />
  <set-configuration-property name="gwt.superdevmode" value="on" />
  <set-property name="compiler.useSourceMaps" value="true"/>

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

第一个配置（代码服务器）：

第二个配置（开发模式）：

3）运行CodeServer运行配置。 它会给出如下输出：

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

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

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

<script type="text/javascript" language="javascript" src="http://localhost:9876/Touch/Touch.nocache.js"></script>

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

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

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

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

Answer 2

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

有一个帖子在谈论这个问题在这里 。

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

Answer 3

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