VScode LIVE SERVER(웹서버) 설치

비주얼 스튜디오 코드를 사용하고 문서를 수정하다보면 결과를 알아보고 싶을 때가 있다.

 

 

 

html문서를 아래와 같이 파일경로를 찾아가 열어볼 수 있지만

local파일을 찾아가 열어본 것이기에 눌러주기 귀찮기도 하고 보안문제가 발생할 수 있다고 한다.

 

 

이를 해결하고자 vs코드에서 지원하는 live server를 사용한다. 

vscode에 extension을 들어가 Live Server를 치고 install

 

 

그 뒤 오른쪽 아래끝에 Go Live를 클릭하면 사용가능하다.!!!

Go Live를 클릭하는 순간 

 

로컬(127.0.0.1) 5500번 포트에 웹서버로 실행되고 있는 것을 확인할 수 있다.!!