관리 메뉴

웹개발자의 기지개

[Visual Code] Live Server 로 HTML 실행결과 실시간으로 바로 확인하자. 본문

개발툴/Visual Code

[Visual Code] Live Server 로 HTML 실행결과 실시간으로 바로 확인하자.

http://portfolio.wonpaper.net 2023. 7. 2. 02:30

Visual Code Extension 으로 확장탭을 누르고, live server 를 검색하여 바로 설치하도록 한다.

 

이제 main.html 테스트용 html 문서를 만들고,

main.html 파일부분에 마우스 우클릭하고 나오는 메뉴중에 Open with Live Server 항목을 클릭하여 웹브라우저를 자동으로 띄워서, 결과를 확인해 보자.

 

이제 main.html 내용을 수정하고 저장만하면 그 즉시 결과가 그 브라우저에 바로바로 내용을 확인할 수 있다.

Comments