如何让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/

访问该网址。将会有＆＃39;开发模式。按钮。将其拖动到书签栏。然后，单击此页面上模块的名称，浏览其源代码以找到.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=等url参数。删除这些url参数，然后刷新页面。您现在应该能够看到主页。如果代码服务器运行配置已经运行，则GWT代码可能会自动运行。

6）当对项目进行任何更改时，只需点击＆＃39;开发模式即可。之前添加的bookmarklet。它将给出模块的名称和编译按钮。单击Compile按钮，它将重新编译模块（发生得相当快），然后刷新页面。

7）编辑按钮也可以拖动到书签栏，跳过点击＆＃39;开发模式的步骤。书签。

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

Answer 2

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

有一篇帖子谈论这个问题here。

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

Answer 3

IntelliJ IDEA 14 EAP现在为GWT Super Dev Mode提供了更好的支持。您需要在Chrome上使用JetBrains IDE Plugin进行JavaScript调试，然后安装GWT 2.6.1。然后，您可以直接在＆＃34;运行配置＆＃34;下启用超级开发模式支持。 - 有关详细信息，请查看我们的blog post和this webinar以进行快速演示。