> 개발 도구 > VSCode > vscode를 디버그하는 방법

vscode를 디버그하는 방법

Robert Michael Kim
풀어 주다: 2025-03-06 11:20:21
원래의
438명이 탐색했습니다.
vscode에서 디버깅하는 방법?

VS 코드의 디버깅은 코드별로 한 줄씩 단계를 밟고 변수를 검사하고 오류 소스를 식별 할 수있는 강력한 기능입니다. 디버깅을 시작하려면 먼저 시작 구성이 필요합니다. 이 구성은 VS 코드에 응용 프로그램을 시작하는 방법과 사용할 디버거를 알려줍니다. 활동 막대에서 "실행 및 디버그"아이콘을 클릭하여 시작 구성을 만들 수 있습니다 (아이콘은 버그처럼 보입니다). 기존 구성이없는 경우 CODE를 작성하라는 메시지가 표시됩니다. 적절한 환경 (예 : Node.js, Python, C 등)을 선택하면 vs 코드는 프로젝트의 루트 디렉토리에 파일을 생성합니다. 이 파일에는 디버깅 환경과 관련된 설정이 포함되어 있습니다. 구성이 설정되면 줄 번호 옆의 거터를 클릭하여 코드에 중단 점을 배치 할 수 있습니다. 그런 다음 F5를 누르거나 "디버깅 시작"버튼을 클릭하여 디버깅을 시작하십시오. vs 코드는 브레이크 포인트에서 실행을 일시 중지하여 변수를 검사하고 코드를 진행하며 프로그램의 흐름을 이해할 수 있습니다.

vscode의 일반적인 디버깅 기술은 무엇입니까?

.vscode/launch.json vs 코드는 코드를 효과적으로 문제로 해결하기 위해 다양한 디버깅 기술을 제공합니다. 여기에는 다음이 포함됩니다

    코드를 통과하는 스피킹 :
  • (shift f11) 명령을 사용하여 코드를 라인별로 탐색하십시오. 는 현재 선을 실행하고 다음 줄로 이동하고 는 함수 호출로 밟습니다. 는 현재 함수를 종료합니다. 중단 점 : Step Over 브레이크 포인트 설정을 사용하면 특정 코드 라인에서 실행을 일시 중지 할 수 있습니다. 특정 조건에서만 트리거되는 조건부 중단 점을 설정하여 디버깅을보다 효율적으로 설정할 수 있습니다. 이것은 특정 상황에서만 오류가 발생할 수있는 복잡한 코드에서 특히 유용합니다. Step Into 시계 표현식 : Step Out는 시계 표현식으로 추가하여 변수와 표현의 값을 실시간으로 모니터링합니다. 이를 통해 실행 전반에 걸쳐 가변 값이 어떻게 변하는 지 추적하여 예기치 않은 동작을 신속하게 식별 할 수 있습니다. Step Over Step Into 호출 스택 : Step Out 통화 스택은 현재 실행 지점으로 이어지는 기능 호출 순서를 보여줍니다. 이는 실행 흐름을 이해하고 오류의 기원을 식별하는 데 매우 중요합니다.
  • 변수 검사 :
  • 모든 중단 점에서 변수 값을 검사하십시오. vs Code의 디버거는 변수 값, 해당 유형 및 속성을 검사하기위한 편리한 인터페이스를 제공합니다. 데이터 브레이크 포인트 : 이러한 고급 브레이크 포인트는 특정 변수 변경 값이 변수가 선언 된 줄을 직접 실행하지 않더라도 특정 변수 변경 사항이 변경 될 때 트리거됩니다. 이는 데이터의 미묘한 변화를 추적 할 때 특히 유용합니다.
  • 로그 포인트 :
  • 실행을 중지하는 대신 로그 포인트를 사용하면 실행을 일시 중지하지 않고 디버그 콘솔에 메시지를 출력 할 수 있습니다. 이것은 자주 방해하지 않고 프로그램의 흐름을 추적하는 데 유용합니다. vscode 디버거에서 브레이크 포인트를 구성하고 표현식을 시청하는 방법은 무엇입니까?
  • 브레이크 포인트 : 브레이크 포인트 설정은 간단합니다. 실행을 일시 중지하려는 코드 줄 옆에있는 거터 (줄 번호의 왼쪽 영역)를 클릭하십시오. 빨간색 점이 나타나서 중단 점을 나타냅니다. 중단 점을 제거하려면 빨간색 점을 다시 클릭하십시오. 라인을 마우스 오른쪽 버튼으로 클릭하고 상황에 맞는 메뉴에서 "브레이크 포인트 추가"를 선택할 수도 있습니다. 조건부 중단 점의 경우 중단 점을 마우스 오른쪽 버튼으로 클릭하고 "브레이크 포인트 편집"을 선택하십시오. 그런 다음 조건 표현식을 추가 할 수 있으며, 이는 표현식이 true로 평가할 때만 중단 점을 트리거합니다. 시계 표현 :

    시계 표현식을 추가하려면 디버그 패널 (보통 왼쪽)의 "시계"섹션을 클릭하십시오. 그런 다음 ""버튼을 클릭하고 모니터링하려는 표현을 입력하십시오. 코드를 밟을 때 표현식의 값이 표시되고 업데이트됩니다. 변수 창의 변수를 마우스 오른쪽 버튼으로 클릭하고 "시계 추가"를 선택하여 직접 시계 표현식을 추가 할 수 있습니다. vscode 디버거 문제 문제를 해결하는 방법 디버거 문제를 해결하는 방법은 여러 단계를 포함 할 수 있습니다. 환경 및 응용 프로그램에 대해 올바르게 구성됩니다. 일반적인 오류에는 잘못된 경로, 구성 누락 또는 잘못된 프로그램 인수가 포함됩니다. 디버그 콘솔의 오류 점검 :

    디버그 콘솔에는 디버거 및 응용 프로그램의 메시지가 표시됩니다. 오류 메시지 또는 경고에 세심한주의를 기울이십시오.

    업데이트 확장 :

    디버거 확장이 최신 상태인지 확인하십시오. 구식 확장은 호환성 문제를 일으킬 수 있습니다.

    vscode 재시작 : 간단한 재시작은 종종 임시 글리치를 해결합니다.

      충돌 확장 사항을 점검하십시오. 충돌을 식별하기 위해 확장을 하나씩 비활성화해보십시오.
    • 통화 스택을 검사하십시오 : 콜 스택은 실행 흐름에 대한 귀중한 통찰력을 제공합니다. 예기치 않은 기능 호출 또는 재귀 문제를 식별하려면이를 분석하십시오. 코드를 단순화하십시오. launch.json 복잡한 디버깅 시나리오가 발생하는 경우 코드를 단순화하여 문제를 격리하십시오. 이로 인해 오류의 소스를 쉽게 찾아 낼 수 있습니다.
    • 문서 및 커뮤니티 리소스를 참조하십시오.
    • 특정 디버깅 문제에 대한 솔루션에 대한 공식 대 코드 문서 및 커뮤니티 포럼을 참조하십시오. 많은 일반적인 문제가 이미 해결되고 문서화되었습니다

위 내용은 vscode를 디버그하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿