[HTML] 비주얼 스튜디오 라이브 서버 설치 및 사용방법

라이브 서버(Live Server)는 비주얼 스튜디오 코드의 확장 기능중 하나로,

작성한 파일을 웹 브라우저에서 바로 확인할 수 있게 도와주는 기능이다.

 

비주얼 스튜디오 코드에서 소스를 수정하고 저장하면 입력한 결과가 웹 브라우저에도 바로 반영되어 보이기 때문에 

비주얼 스튜디오 코드 옆에 나란히 열어 놓으면 즉시 결과를 확인할 수 있다.

 

1. 비주얼 스튜디오 좌측 사이드바에서 확장아이콘 클릭

2. 검색 창에 Live Server라고 입력 후 이름이 Live Server, 개발자 이름이 Ritwick Dey 인 확장기능 선택

3. 오른쪽 화면에서 설치 클릭

 

1. 설치가 완료되면 다시 탐색기 아이콘을 클릭후 편집창으로 이동한다.

2. 확인하고자 하는 문서의 빈공간에 마우스 우클릭 후 'Open with Live Server' 를 선택한다.

 

정상적으로 웹 브라우저에서 바로 확인되는 모습