[Tips] Live Server 비주얼 스튜디오 코드 라이브 서버 설정

비주얼 스튜디오 코드 라이브 서버 설정하는 과정을 순서대로 알려드리겠습니다.

 

라이브 서버란?

이 확장을 VSCode에 설치하면 웹사이트를 개발하면서 브라우저에서 바로 프리뷰를 확인할 수 있습니다. 정적 및 동적 페이지에 대한 실시간 리로드 기능으로 로컬 개발 서버를 열어줍니다.

1. VSCode 준비
2. 라이브 서버 확장 프로그램 설치
3. Go Live 눌러서 동작 확인

 

설치 방법

확장에 들어가서 라이브 서버를 설치합니다.

 

행 확인

하단에 생긴 Go Live 버튼을 눌러 서버를 열어줍니다.

 

서버가 열림

 

기본 서버는 ip 127.0.0.1 포트 5500에서 열리는데, 설정에서 바꿀 수도 있습니다.

 

현재 사용중인 와이파이 망의 ip로 바꿔준 다음 서버를 실행하면 같은 와이파이를 이용하는 모든 기기에서 웹페이지 프리뷰를 볼 수 있습니다.