HTML) Visual Studio code Live Server 설치 (html 미리보기)

Atom Preview html 과 같이 Visual Studio code 에서 제공하는 html 미리보기도 있습니다.

 

Visual Studio code 확장 프로그램 중 하나인 'Live Server' 입니다.

 

 

Live Server 설치 및 실행

- 'Extensions' > 'Live Server' 검색

 

- 'Live Server' 설치

 

- 'Live Server' 실행 (우클릭 > 'Open with Live Server' 실행 or Alt + O / Alt + L)

 

300x250

- 'Live Server' 실행 확인

 

 

Live Server 실행 에러 발생 시 조치

'Live Server' 실행 시 다음과 같은 에러가 발생할 수 있습니다.

 

조치 방법

- 'Extensions' > 'Live Server' 검색 > 톱니바퀴 아이콘 클릭 > Extension Settings 클릭

 

- 'Workspace' > Live Server > Settings:Host > Default 127.0.0.1 을 PC가 할당 받은 사설IP로 입력 (ipconfig로 확인)