使用Live Reload在IntelliJ Idea和Chrome實時編譯部署和除錯

banq發表於2022-03-23
IntelliJIdeaChrome編譯除錯

開發人員最重複的任務之一是在我們每次進行更改時都需要重新編譯和重新部署應用程式。因此，順應了讓程式設計師的生活更輕鬆的趨勢，Spring Boot 提供了一些工具可以讓您自動執行此操作。
第一件事是我們需要包含 DevTools 依賴項。在使用 Maven 的情況下，它將合併 pom.xml：

<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-devtools</artifactId>
   <scope>runtime</scope>
   <optional>true</optional>
</dependency>


如果我們以通常的方式啟動應用程式：
mvn spring-boot:run

你應該在應用程式的啟動日誌中看到一個類似以下的新行：
INFO 947101 - [restartedMain] o.s.b.d.a.OptionalLiveReloadServer : LiveReload伺服器在35729埠執行。

我們可以看到，我們已經啟動了一個新的埠35729，允許我們透過websocket訪問它，以溝通我們的瀏覽器和應用程式，當應用程式被重新編譯時，強制瀏覽器重新載入。

要在IntelliJ Idea專案開啟的情況下做到這一點，請進入
 File->Settings->Build, Execution, Deployment -> Compiler，在自動構建專案的核取方塊上 Build project automatically做勾選。
此外，我們必須在File->Settings->Advanced Settings 中勾選： Allow auto-make to start even if developed application is currently running
 
如果我們透過停止應用程式並再次執行它來重啟應用程式。
現在，在應用程式中做任何修改，到瀏覽器中重新載入頁面，你會看到很快頁面將不可用，因為它將重新載入應用程式，但很快頁面將反映出新的變化。
 

適用於Chrome的LiveReload
為了促進這一過程，我們可以利用Chrome擴充套件程式Live Reload
 

相關文章