본문 바로가기
  • 커뮤니티
  • 블로그
  • 북마크
Front-end/Visual Studio Code

[VS Code]비주얼코드 Live Server 확장팩 사용법

by 빽짱구 2023. 2. 5.

로컬에서 작업한 문서를 손쉽게 확인하려면 Live Server 확장팩을 설치해주시면 됩니다.

저장할때마다 새로고침을 할 필요성이 없습니다.

html,css 작업물을 바로바로 확인한다고 보시면 됩니다.

 

반응형

 

먼저 확장 프로그램 설치하면 하단 우측에 Go Live 버튼이 생성됩니다.

Go Live 버튼을 클릭하면 Port : 5500 으로 바뀝니다.

브라우저 주소창에 http://localhost:5500 으로 접속하시면 됩니다.

작업문서를 저장하면 새로고침을 안해도 실시간으로 변경되는 장점이 있습니다.

728x90