vscode 확장 프로그램 추천 :: Live Server

vscode에는 현재 작성중인 소스를 쉽게 확인할 수 있는 Live Server라는 확장 프로그램을 제공한다.

매우매우 좋다!

소스 수정 후 톰캣 같은 웹서버를 동작시킬 필요도 없이 라이브서버 하나로 바로 확인이 가능하기 때문이다.

vscode 윈도우 기준 Ctrl+Shift+X 확장 프로그램 마켓 플레이스를 열어준 후 live server를 검색한다.

최상단에 검색된 항목으로 설치해주면 끝난다.

 

구동하고자 하는 소스 마우스 오른쪽 클릭 후 Open with Live Server를 눌러주면 바로 실행된다!

Alt+L+O 키를 눌러서 실행해주고

Alt+L+C키를 눌러서 종료도 가능하다.

 

소스를 빠르게 확인 가능하다

정말 유용한 확장 툴인것 같다.

만약 기본 브라우저랑 라이브서버 구동 시 실행되는 브라우저를 다르게 설정하고 싶을 경우
예를 들어, 기본 브라우저는 엣지, 라이브서버는 크롬 사생활모드로 실행하고 싶을 경우

해당 링크를 참조하자~

Visual Studio Code live server 기본 브라우저 chrome으로 설정하기