VS Code - Live Server 코드 실행

 Live Server

 코드 작성 후 코드를 브라우저에 띄어서 원하는 결과 확인 하는 기능 

1.  하단의 Go Live 클릭 
2.  우클릭 >> Open with Live Server 클릭 

 

1. Extensions  >>  live server 검색  >>  Install(설치)

 

2. 코드 입력 후 하단의 Go Live 클릭

 

3. 코드가 실행되어 브라우저 창이 열리고 코드 결과 확인 가능 

하단의 Go Live  => Port:5500 으로 변경 (5500port를 통해 브라우저를 열어준 것)

 

* Port를 끄고 싶을 경우 * 

Port:5000 클릭 하면 다시 Go Live로 변환 

html의 환경에서 내용을 바꾸거나 브라우저에서 새로고침을 하여도 변경사항 적용 안됨.

 

4. 우클릭  >>  Open with Live Server 클릭 하여도 브라우저로 화면 결과 확인 가능 

 

>> 결과