Visual Studio Code에서 HTML ,JS 바로 보기

 

Visual Studio Code에서 HTML,JS 코드를 작성하고 바로 웹브라우저에서 확인을 하고싶다면

'LIVE SERVER'

플러그인을 깔아야 합니다.

 

Live Server는 다시 구동할 필요없이 한번 웹 브라우저를 열어두고 코드를 저장하면 즉각적으로 웹브라우저 내에서 저장내용에 따라 내용을 반영합니다.

 

빨간 사각형의 높이 코드를 수정하고 저장하기만 하면 웹브라우저 내에서 결과를 바로 확인할 수 있습니다.

1. 마켓 플레이스에서 live server를 검색합니다.

가장 위에 Live Server를 선택합니다.

2. Live Server를 받아주면 됩니다.

3. 설치는 끝났습니다. 실행하려면 작성한 html 파일로 이동하셔서 오른쪽 마우스를 클릭하셔서 'open with live server'를 클릭하시면 됩니다.