VScode에서 HTML 파일 실행하기

Visual Studio Code에서 HTML 파일을 바로 실행하는 법을 소개합니다.

Live Server라는 확장 프로그램을 사용하면, html파일을 더블클릭하지 않아도, 서버 환경으로 실행할 수 있습니다.

 

 

 

 

---

 

1. 목표

- VScode에서 작성한 HTML 코드를 바로 실행한다.

- Live Server라는 VScode 확장프로그램을 이용해, 서버 구동 환경으로 실행한다.

 

 

2. 방법

2.1. Extensions 클릭

 

2.2. Live Server 설치

- live server를 검색한 후, 아래 표시한 Ritwick Dey가 만든 Live Server를 설치한다.

 

2.3. Live Server로 실행

- 실행하고자 하는 파일에 가서, 마우스 우클릭 > Open with Live Server 클릭

실행 결과