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

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