IT Info
HTML) Visual Studio code Live Server 설치 (html 미리보기)
로픽
2021. 1. 11. 18:38
300x250
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로 확인)
반응형