HTML, CSS와 같은 시각적인 웹 페이지를 만들 때, 내가 코드를 변경함에 따라 시시각각으로 어떻게 변경되는지 확인하고 싶을 때 가 있다. 기존에는 어떻게 변경되는지 확인하고 싶으면 새로고침을 해야한다. 하지만 Live Server가 있다면 이러한 번거로운 일을 해결할 수 있다.
vscode에서 cmd+shift+x로 익스텐션 모드로 넘어간다음 ‘live server’ 검색 후 설치
설치 된 이후에 vscode 재로딩
cmd + L + O 단축키로 실행하거나
or
vscode 하단에 있는 ‘Go Live’ 클릭
or