vuejs를 vscode를 사용하여 디버깅하려고 합니다. 많은 튜토리얼/답변을 시도했지만 제대로 작동하지 않습니다.

그래서 여기에 질문을 하기로 했습니다. 아마도 지금 작동하게 하는 적절한 방법이 있을 것입니다.

여기에 인쇄물을 게시할 수 있도록 디버그하려는 프로젝트와 동일한 프로젝트를 만들었습니다.

프로젝트 구조는 다음과 같습니다.

언바운드 중단점은 다음과 같습니다.

Chrome의 소스 탭은 다음과 같습니다.

자세한 Chrome 소스 탭:

vue.config.js:

launch.json:

tasks.json:

package.json:

업데이트

@A.D님이 키워드를 사용해 보셨는지 물어보셨어요

결과는 다음과 같습니다. Ps: 저는 제 코드에 디버거 작성을 시작하고 싶지 않습니다...

하지만 디버거 파일이 다음을 가리키는 것을 볼 수 있습니다:

그러나 구성요소 src는 실제로 위치합니다

중단점에 경계가 없는 이유는 무엇입니까?