[VSCode] vs code live server 실행 시 작성중인 파일 경로로 실행되지 않는 문제 ~/

 

⚠️ 문제

VSCode live server 실행 시 작성중인 파일 경로로 실행되지 않는 문제  ~/ 경로가 나타나는 현상

 

🧐 원인

주로 프로젝트 디렉토리가 잘못 지정되거나, 설정이 올바르게 되어 있지 않아서 발생한다.

~/는 보통 사용자의 홈 디렉토리를 나타내는 경로인데, VSCode에서 실행하는 브라우저가 현재 작업 경로가 아닌 홈 디렉터리 경로를 참조하고 있기 때문에 이런 현상이 발생한다.

---

⚡ 해결법

나 같은 경우 아래 reddit  페이지에서 해답을 찾았다.

https://www.reddit.com/r/vscode/comments/x4y1l7/live_server_showing_listing_directory_with_a/

From the vscode community on Reddit

 

(해석)

나는 가장 쉬운 해결 방법을 찾았다. 이 모든 인덱스 파일 관련 팁은 쓸모없고 헛소리다. 아무 효과도 없다.
VS Code에서 Ctrl + Shift + P를 눌러 명령 팔레트(Command Palette) 를 연다.
여기서 "Live Server" 를 검색한다. 그러면 "Choose Workspace for Live Server" 옵션이 나온다.
이걸 선택하면 모든 디렉터리가 목록으로 표시되는데, 원하는 디렉터리를 선택하면 끝이다.
이게 전부다, 진짜 간단하다, 브로. 굳이 인덱스 파일을 만들 필요도 없다. 그거 아무 짝에도 쓸모없고, 왜 그렇게 많은 사람들이 인덱스 파일을 쓰라고 하는지 모르겠다.

 

---

 

만약 라이브 서버가 아니라 터미널 실행시 발생 하는 문제라면 아래 해결 방법 확인 ▼

비주얼 스튜디오 코드에서 라이브 서버가 안됩니다 > SIR

How to correct VS Code terminal pointing to wrong folder C:\Windows\System32\WindowsPowerShell\v1.0?

[VSCode] 터미널 실행 시 경로가 현재 폴더가 아닌 경우 해결법