개발자

WSL상태에서 vscode에서 HTML 파일을 실행하는데 실행이 안돼요.

2024년 04월 30일조회 94

WSL 연결을 끝내고 간단한 HTML 파일을 F5를 눌러 실행시켰는데 WSL을 사용할 때는 실행이 안되고 그냥 윈도우에서 실행시키면 잘 돼요. 1. WSL 연결 >> vscode에서 경로를 mnt/c/Users/kangdongeun/coding으로 폴더를 열어 안에 있었던 코드를 실행시켰는데 안되고, 2. 그냥 윈도우 >> vscode에서 C:/Users/kangdongeun/coding 으로 폴더를 열고 실행시키면 잘 실행돼요. WSL을 쓸 때 윈도우에 있는 파일을 연결하려면 mnt/~ 로 경로를 시작해서 윈도우 파일을 WSL에서도 편집할 수 있다고 들었는데...... 어떻게 하면 WSL이 실행된 상태에서도 윈도우에 있는 파일을 오류없이 실행시킬 수 있나요?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 1

강동은님의 프로필 사진

참고로 live server를 쓰면 잘 작동합니다! 근데 f5로는 안되더라구요

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2024년 04월 30일

WSL은 실제로는 Linux와 Windows 간에 파일 처리 방식이 다르므로 발생하는 문제일 수 있습니다. 이 문제를 해결하려면: 1. WSL에서 실행되는 Visual Studio Code(VS Code) 인스턴스를 사용해야 합니다. 먼저, VS Code가 설치된 Windows 시스템에서 "Remote - WSL" 확장 프로그램을 설치하세요. 2. 그런 다음, 터미널에서 'code .' 명령을 입력하여 현재 디렉터리에서 코드를 시작하세요. 이렇게 하면 VS Code의 새 인스턴스가 WSL 컨텍스트 내부에서 열립니다. 3. 이제 VS Code는 WSL 내의 모든 파일과 상호 작용합니다. 윈도우 시스템의 파일을 수정하려면, 해당 경로(/mnt/c/...)로 가서 작업하면 됩니다. 4. HTML 파일을 실행하기 위해서는 적절한 확장 기능(ex: Live Server)이 설치되어 있는지 확인하세요. 5. 만약 여전히 실행시켜도 웹 브라우저가 열리지 않는다면, 환경 설정에서 "http.browser"를 "Microsoft Edge"나 다른 중요하지 않은 웹 브라우저로 설정해보세요. 참고로, WSL 구성에 따라 경로 지정이 조금 달라질 수 있습니다 (/mnt/ 대신 /c/ 사용 등).

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!