본문 바로가기

Tip

[Tip] VSCode live server 확장 프로그램 사용하기

728x90

유용한 확장 프로그램이 있어서 사용방법에 대해서 알아보겠습니다. vscode를 열고 옆에 있는 탭에서 가장 밑에 있는 extension:marketplace를 열어줍니다.

 

extension:marketplace

검색란에 live server를 검색하면 위와 같은 화면을 볼 수 있습니다.

 

실행 화면

원하는 html 파일을 마우스 오른쪽 버튼을 누르면 Open with Live Server를 선택할 수 있습니다. 선택하면 Server is Started at port : 5500라는 메시지와 함께 인터넷 창이 하나 나옵니다. 여기까지 정상적으로 완료되었다면 이제 코드를 저장할 때마다 새로고침 할 필요 없이 결과가 반영되는 것을 알 수 있습니다.

728x90