Visual Studio Code (VSCode) Live Server 설치

Live Server 설치

웹 프로그래밍을 하다 보면, 내가 만든 프로그램을 실시간으로 확인하면서 수정 작업을 진행해야 하는 경우가 많이 발생한다.

비주얼스튜디오에서 제공하는 개발용 서버, 아파치+톰켓, 각종 웹애플리케이션 서버를 활용하여야 한다.

VSCode는 탄생 자체가 개발 편집기에서 시작되었고, 각종 확장 기능을 추가 설치하여 사용하는 방식으로 활용된다.

VSCode에서 웹애플리케이션 서버 역할을 해 주는 도구가 통합되면, 개발 생산성을 크게 올릴 수 있다.

이에, Live Server라는 확장 도구를 설치하여 웹애플리케이션 서버 역할을 수행할 수 있도록 한다.

 

설치는 쉬우니, 아래 방법대로 따라 하면 된다.

 

좌측 사이드바 확장 패널을 연다 (Ctrl + <Shift> + X)

검색창에 live server로 검색한다

Live Server 설치한다

설치완료