[VSCode] Live Server 설치

Backend/ETC

romeoh 2019. 7. 21. 23:07

Visual Studio Code에서 html/javascript 개발중 바로 Server에 구동해주는 툴입니다.

Extension에서 live server를 검색해서 설치합니다.

HTML Snippets도 검색해서 설치합니다.

$ touch index.html

index.html파일에서 html을 입력하고 html:5를 선택합니다.

html5 템플릿이 자동완성 됩니다.

<body>에 Hello world를 입력하고

index.html 파일을 선택해서 Open with Live Server를 선택합니다.

브라우저에서 즉시 화면을 표시합니다.

소스를 수정하고 저장하면 즉시 반영됩니다.