VSC Live Server 자동 렌더링 비활성화 방법

목표

 Visual Studio Code에서 많이 사용하는 Extension인 Live Server는 소스가 변경되면 브라우저 상에 자동으로 랜더링된다.

 이 기능은 매우 유용하지만 가끔 자동으로 랜더링되는 기능을 끄고 싶을때 다음과 같이 live server 설정을 변경해주자.

 

설정 변경

 1. VSC Extension 중 live server의 Extension Settings 클릭

 live server 설정 버튼

 

 2. 검색창에 @ext:ritwickdey.LiveServer 을 입력한 후 아래 캡처 화면처럼 Ignore Files를 찾아 Edit in settings.json 클릭

 

 3. setting.json 파일이 열리면 { } 안에 다음 줄을 추가

"liveServer.settings.ignoreFiles": ["**/*.*"]

 

 4. 저장(Ctrl + s)한 뒤 재시작하면 적용 완료.

 

이상 Live Server 자동 렌더링을 비활성화하는 방법이었습니다.

감사합니다.