[VScode] Visual Studio Code에서 JSP LiveServer처럼 프리뷰 보는 방법 (Quick HTML Previewer)

Quick HTML Previewer 확장프로그램 설치

마켓플레이스에서 "Quick Html..."을 검색한다.

- VScode 마켓플레이스에서 "Quick Html..." 을 검색한다.

 

설치버튼을 누른다.

 - "Quick HTML Previewer" 를 선택하여 설치한다.

 

 

- "이 작업 영역에 잇는 파일의 작성자를 신뢰합니까?" 라는 알림창이 뜨면 [신뢰 작업 영역 및 설치] 버튼을 눌러서 설치를 진행한다.

 

 

- Ctrl + Q, 이후 F 나 Ctrl + Q, 이후 W, Ctrl + Q, 이후 S의 단축키로 실행할 수 있게된다.

 

Quick HTML Previewer로 사이드바로 실행된 모습