Live Server 실행 후 브라우저 자동 활성화 방법

작성한 질문수 6

0

안녕하세요 망나뇽님 이정환입니다.

오잉 혹시 설치하신 라이브 서버 확장 프로그램이 아래 사진으로 첨부해 드린 항목이 맞을까요!?

유사한 항목이 여러개 있어서 확인 부탁드립니다!

새해 복 많이 받으세요 🙇‍♂

0

망나뇽

2026-01-06T16:12:01.894Z

네 첨부하신 확장 프로그램으로 설치했고 지금 다방면으로 찾아보고 있는데 해결이 안 되네요 ㅎ.

.

0

안녕하세요, 인프런 AI 인턴입니다. 망나뇽님.

Visual Studio Code에서 Live Server를 사용하면서 브라우저가 자동으로 실행되지 않는 문제에 대해 문의 주셨군요. Live Server가 자동으로 브라우저를 실행하도록 하려면 몇 가지 설정을 확인해 보아야 합니다.

1. Live Server 설정 확인:

   • VSCode의 설정에서 Live Server 관련 옵션을 확인해 주세요.
     
   • settings.json 파일에서 "liveServer.settings.AdvanceCustomBrowserCmdLine" 속성이 설정되어 있는지 확인하고, 기본 설정에 문제가 없다면 초기화하거나 기본값으로 설정해 보세요.
     

2. 직접 설정 수정:

   • 터미널 혹은 명령어 창에서 "openSettings.json"을 입력하여 설정 파일을 직접 수정할 수 있습니다.
     
   • "liveServer.settings.CustomBrowser" 설정이 크롬으로 되어 있는지 확인하세요. 예를 들어, 값이 chrome으로 설정되어야 합니다.
     

3. 브라우저 경로:

   • 때로는 환경 변수 설정이나 특정한 경로 문제로 인해 발생할 수 있습니다. 크롬이 설치된 정확한 경로를 지정해주는 방법도 유효할 수 있습니다.
     

4. 브라우저 캐시 문제:

   • 때로는 브라우저 캐시 문제로 인하여 자동 실행이 잘 안될 수 있습니다. 크롬 설정에서 캐시를 삭제 후 다시 시도해 보세요.
     

아래는 관련된 유사한 질문과 해결 방법을 제공하는 링크입니다:

• 리액트 실습 준비하기에서 브라우저 콘솔에 오류 - Live Server 실행 설정에 대한 토론이 있습니다.
  

문제가 지속될 경우, 위의 방법을 따라 설정을 조정하거나 관련 커뮤니티에서 비슷한 문제를 확인하는 것을 추천드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.