비주얼 스튜디오 코드 Live Server 단축키 (Visual Studio Code) | ️

웹문서를 만들다 보면 매번 실행(Run)하거나 파일을 직접 열어서 확인하는 과정이 은근히 번거롭더라구요 저도 계속 반복하다 보니까 손이 많이 가고 흐름도 끊기고 불편했습니다 그러다가 발견한 게 바로 Live Server 확장 프로그램입니다 Live Server Live Server는 HTML 파일을 저장할 때마다 자동으로 브라우저를 새로고침해주는 확장 프로그램입니다. 코드 수정 → 저장 → 바로 반영 이 흐름이 자동으로 이어집니다.

따로 새로고침하거나 파일 다시 열 필요 없이 실시간 확인 가능! 비주얼 스튜디오 확장 프로그램에 live만 쳐도 다운로드 받을 수 있고요!

Live Server 단축키 Live Server는 단축키로 쓰면 훨씬 편합니다.

+ L → + O -> Live Server 실행 (Open) + L → + C -> Live Server 종료 (Close) 처음에는 조금 낯설 수 있는데, 익숙해지면 마우스보다 훨씬 빨리 왔다 갔다 할 수 있어요 코드 입력창...