[비주얼 스튜디오 코드(Visual Studio Code)] live server

vscode 도 live. server 기능을 사용할 수 있습니다.

동일한 기능을 하는 다른 에디터의 패키지

아톰 : http://recoveryman.tistory.com/302

브라켓 : http://recoveryman.tistory.com/139

웹스톰 : http://recoveryman.tistory.com/359

live server 패키지는 에디터 에서 저장을 하는 즉시 브라우저에 반영이 됩니다

아래 GIF 처럼 사용합니다.

설치 : 컨트롤 + 쉬프트 + X -> 좌측 상단 검색창에 live server 검색 Live Server 설치 클릭

설치가 되었으면 버튼이 '다시 로드' 로 바뀜니다. 다시 로드를 클릭해 줍니다.

창을 다시 로드하겠냐고 뜨는데 해줍니다. 그래야 제대로 적용이 됩니다.

단축키는 Alt + L 을 먼저 누른뒤 O 를 눌러주면 웹서버가 동작중인 브라우저 창이 열립니다. 현재 보고 계신 페이지가 열립니다.

문서를 수정하고 난 뒤 저장하면 브라우저창에 수정된 내용이 반영되어 있습니다.