Grunt 나 Gulp 같은 작업주자를 사용하면 실시간으로 감시하고 로컬서버를 열어서 보여주곤합니다.

VSCode에서는 Live Server 플러그인을 설치하면 그런 환경설정없이 바로 로컬서버를 열어서 확인할 수 있습니다.


1. Live Server 설치

먼서 VSCode 에서 Live Server를 설치하세요.

설치했다면 재시작을 해야합니다.


2. Live Server 사용하기

테스트로 index.html 을 하나 만들었습니다. 비주얼스튜디오코드를 보면 하단 우측에 못보던 Go Live 라는것이 새로 생겼습니다.

이걸 클릭합니다.

클릭하면 기본 포트인 5500 포트로 해당 파일을 엽니다.


브라우져로 바로 해당파일이 열리고 로컬서버가 열린걸 볼 수 있습니다.

에디터에서 수정후 저장을 하면 로컬서버에서 바로 반영이 되어 보여집니다.

Live Server 에 대한 자세한 내용은 https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer 에 있습니다.


댓글