vscode 확장 기능인 Live Server를 이용해 실시간 미리보기를 할 수 있다. 즉 Live Server를 이용해 변경사항이 실시간으로 브라우저에 적용되는 것을 볼 수 있다.
자, 그럼 이제 설치부터 사용까지 해보도록 하자
Live Server 시작하기
- 확장: 마켓플레이스에서 Live Server을 설치해줍니다.
- open with Live Server을 눌러줍니다!!
이렇게 해주면 실시간으로 변경사항이 적용되는 것을 볼 수 있움!!!
연결 확인
-
연결안됨
-
연결됨
자동 새로고침이 안돼요!!
auto save 입력해 자동 저장되는 주기를 600(0.6초) 로 고쳐줍니다!!
화이팅!!