VS 코드에서 Node.js 애플리케이션을 디버그하는 방법

프로그램 필드가 메인 입구 파일을 가리키도록 디버깅 환경을 설정하려면 unuken.json 파일을 구성하십시오. 2. 발사 모드를 사용하여 스크립트를 직접 시작하고 Args 및 Env 매개 변수를 전달하십시오. 3. 첨부 모드를 사용하여 노드를 통해 시작된 실행중인 프로세스에 연결하십시오. 4. NPM 스크립트를 디버깅 할 때 runtimeexecutable을 NPM으로 설정하고 Integratedterminal을 활성화하십시오. 5. 브레이크 포인트, 조건부 중단 점, 가변 점검, 표현 평가 및 자동 첨부 활성화를 통해 디버깅 효율성을 향상시킵니다. 6. 문제가 발생하면 경로, 시작 매개 변수, 포트 매칭, SourcEmaps 구성을 확인하고 디버깅 세션을 다시 시작하여 마침내 원활한 디버깅을 달성하십시오.

환경을 올바르게 설정하면 Node.js 디버깅 Node.js 응용 프로그램이 간단합니다. VS 코드의 내장 디버거는 변수를 검사하고, 중단 점을 설정하고, 코드를 진행하며, 표현식을 평가하는 강력한 방법을 제공합니다.

디버그 구성을 설정하십시오

디버깅을 시작하려면 런칭 구성이 필요합니다. vs code는 프로젝트 루트의 .vscode 폴더 내부에서 launch.json 파일을 사용합니다.

1. VS 코드에서 node.js 프로젝트를 엽니 다.
2. 실행 및 디버그 보기 (Ctrl Shift D 또는 CMD Shift D)로 이동하십시오.
3. 당신이없는 경우 journe.json 파일 만들기를 클릭하십시오.
4. Node.js를 환경으로 선택하십시오.

이렇게하면 기본적으로 launch.json 나타납니다.

 {
  "버전": "0.2.0",
  "구성": [
    {
      "유형": "노드",
      "요청": "발사",
      "이름": "발사 색인",
      "프로그램": "$ {workspacefolder}/index.js"
    }
  ]]
}

program 필드가 메인 엔트리 파일 (예 : app.js , server.js 등)을 가리 키십시오.

일반적인 디버깅 시나리오

스크립트를 시작하고 디버깅하십시오

launch 모드를 사용하여 디버거에서 직접 앱을 시작하십시오.

 {
  "유형": "노드",
  "요청": "발사",
  "이름": "STARE SERVER",
  "프로그램": "$ {workspacefolder} /server.js",
  "Args": [ "-포트", "3000"],
  "Env": {
    "node_env": "개발"
  }
}

• args : 통과 명령 줄 인수.
• env : 환경 변수를 정의하십시오.

이 구성을 선택하고 F5를 누르면 디버그 세션을 시작하십시오.

실행중인 Node.js 프로세스에 연결하십시오

앱이 이미 실행중인 경우 (예 : 터미널에서 시작) attach 모드를 사용하십시오.

먼저 검사를 활성화하여 앱을 시작하십시오.

 노드 -inspect server.js
# 또는 첫 번째 줄을 깰 :
노드 -inspect-brk server.js

그런 다음이 launch.json 사용하십시오 .JSON 구성 :

 {
  "유형": "노드",
  "요청": "첨부",
  "이름": "포트에 첨부",
  "포트": 9229
}

VS 코드는 포트 9229 (기본 디버깅 포트)의 Node.js 프로세스에 연결됩니다. 중단 점을 설정하고 런타임 상태를 검사 할 수 있습니다.

NPM 스크립트 디버그

node 직접 호출하는 대신 package.json 에 정의 된 스크립트를 디버그 할 수 있습니다.

 {
  "유형": "노드",
  "요청": "발사",
  "이름": "디버그 시작",
  "runtimeexecutable": "NPM",
  "runtimeargs": [ "run", "start"],
  "콘솔": "Integratedterminal",
  "포트": 9229
}

• npm 지정하려면 runtimeExecutable 사용하십시오.
• console: "integratedTerminal" 은 터미널에 출력이 나타나도록하여 대화식 앱에 유용합니다.

필요한 경우 start 스크립트가 --inspect 로 노드를 실행하는지 확인하십시오.

효과적인 디버깅을위한 팁

• 줄 번호 옆의 왼쪽 마진을 클릭하거나 F9를 누르면 중단 점을 설정하십시오 .
• 중단 점을 마우스 오른쪽 버튼으로 클릭하고 조건을 설정하여 조건부 중단 점을 사용하십시오 (예 : user.id === 123 ).
• 변수 창 또는 시계 창에서 변수를 검사하십시오.
• 디버그 콘솔을 사용하여 중단 점에서 표현식 또는 호출 기능을 평가하십시오.
• 간단한 경우 자동 첨부 활성화 :
  Ctrl Shift P → "Debug : Toggle Auto Attach"→ "Always"를 선택하십시오.
  이제 통합 터미널에서 시작된 모든 node 스크립트가 자동으로 표시됩니다.

일반적인 문제 문제 해결

• 브레이크 포인트가 맞지 않습니까?
  program 경로가 정확하고 파일이 실제로 실행 중인지 확인하십시오. 시작시 --inspect-brk 사용하십시오.

• 첨부 할 때 연결할 수 없습니까?
  node.js 프로세스 --inspect 로 시작하고 포트가 일치하는지 확인하십시오.

• 소스지도가 작동하지 않습니까?
  TypeScript 또는 Bundlers를 사용하는 경우 "sourceMaps": true 및 Point to Generated Files :

   "resolvesSourcemaplocations": [
    "$ {workspacefolder}/**",
    "! **/node_modules/**"
  ]]

• 변경되지 않았습니까?
  디버거는 특정 버전의 코드를 실행합니다. 파일 감시자를 사용하지 않는 한 변경 사항을 저장 한 후 디버그 세션을 다시 시작하십시오.

기본적으로 launch.json 설정을 통해 vs Code는 직접 시작하거나 프로세스에 연결하거나 NPM 스크립트를 통해 디버깅하는 경우 대부분의 Node.js 앱에 대한 완벽한 디버깅 경험을 제공합니다.

위 내용은 VS 코드에서 Node.js 애플리케이션을 디버그하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!