카테고리 없음

VScode Spring html 자동 빌드 및 변경된 html 크롬 자동변경 설정

나쁜천사1004 2023. 12. 31. 10:49

VScode에서 Spring 프레임워크 html 수정시 크롬화면에서 실시간적으로 반영 할 수 있게 설정 방법을 

정리해 본다.

 

1. 스프링 dependencies 추가

 

   compileOnly  'org.springframework.boot:spring-boot-devtools'

 

2. application.propertis 및 application.yml 설정

 

  spring:
  devtools:
    livereload:
      enabled: true
    restart:
      enabled: true

 

3. 크롬 확장 프로그램 설치

 

https://chromewebstore.google.com/detail/remotelivereload/jlppknnillhjgiengoigajegdpieppei?hl=en-GB

 

RemoteLiveReload

Live Reload is a system to automatically reload a web page when the source files for that web page are changed. This extension…

chrome.google.com

 

4. 크롬 확장 프로그램 설치

 

RemoteLiveReload 실행 한다

 

5. 소스상에 html 수정한 후 크롬 브라우저에서 실시간으로 변경 되는지 확인한다.

반응형