2017-09-18 36 views
1

我使用Spring引導項目工作,前端寫入HTML/CSS/JavaScript。目前爲止這很簡單,我感覺唯一的問題是每次更改前端時,都需要一遍又一遍關閉並重新啓動IntelliJ。這很煩人,而且非常耗時。在閱讀一些在線帖子後,我做了以下步驟,似乎更新後端程序被認可,但最初的需求仍然不滿意。實時更新Spring引導項目的前端更改

答:我使用的POM文件maven的依賴,

<dependency> 
     <groupId>org.springframework.boot</groupId> 
     <artifactId>spring-boot-devtools</artifactId> 
     <version>1.5.7.RELEASE</version> 
     <optional>true</optional> 
    </dependency> 

的醫生說是運行一個完全打包的應用程序時,開發者工具將自動禁用。如果您的應用程序是使用java -jar啓動的,或者如果它是使用特殊的類加載器啓動的,那麼它就被認爲是「生產應用程序」。所以,我已經改變了包裝的war文件中的POM<packaging>war</packaging>

此外,在IntelliJ設置,我已經更改爲 Compiler -> make project automatically

B.我加LiveReload Chrome extension瀏覽器。當我點擊圖標時,似乎可以刷新頁面。但是,HTML的內部變化並不反映瀏覽器。

我需要做些什麼來實時更新Spring引導項目的前端更改爲Chrome瀏覽器?這將有助於瞭解很多,謝謝。

更新

正如有人問,我打算用thymeleaf開發前端,並有在POM文件的依賴。

<dependency> 
     <groupId>org.springframework.boot</groupId> 
     <artifactId>spring-boot-starter-thymeleaf</artifactId> 
    </dependency> 

application.properties文件下面提供,

enter image description here

Thymeleaf緩存被設置爲false

spring.thymeleaf.cache=false

+1

您使用的是Thymeleaf嗎? – glytching

+0

我有依賴和我打算使用。但是,現在該頁面只是從網站下載的引導模板。 – Arefe

+1

當使用Thymeleaf'hot deploy'時,只需設置此屬性即可:'spring.thymeleaf.cache = false',只需在IDE中運行構建即可部署對視圖圖層(HTML,JS,CSS)的更改例如IntelliJ中的'SHIFT' +'F9'。 – glytching

回答

0

我找到有用的評論提出的解決辦法是重新再建項目,刷新/實時更新的頁面在瀏覽器中。在Mac OS,這將是COMMAND + FN + F9或使用GUI

enter image description here

你肯定不會需要重新啓動從而節省了大量時間的項目。