如何让 GWT 超级开发模式与 IntelliJ 配合使用

java intellij-idea gwt gwt-super-dev-mode

2022-09-03 02:08:09

我在使用Super Dev模式与IntelliJ一起工作时遇到了很多问题。这个问题，以及我在下面的答案，是为了记录如何做到这一点，供将来可能遇到这个问题的其他人（以及我自己的参考）：

答案 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 运行配置，一个打开超级开发模式，另一个关闭超级开发模式。

第一个配置（代码服务器）： enter image description here

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

enter image description here

3）运行代码服务器运行配置。它将给出一个输出，例如：

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 开发模式 url，其中包含 etc url 参数。删除这些 url 参数，然后刷新页面。您现在应该能够看到主机页面。如果代码服务器运行配置已经在运行，则 GWT 代码可能会自动运行。?gwt=

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

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

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

答案 2

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