如何讓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 。 然后，您可以直接在“運行配置”下啟用超級開發模式支持 - 有關更多信息，請查看我們的博客文章和此網絡研討會以進行快速演示。