vscode로 js를 디버깅하는 방법

vscode로 js를 디버깅하는 방법은 무엇인가요?

JavaScript 코드를 디버깅할 때 비교적 간단한 두 가지 방법이 있습니다.

1. Chrome 및 기타 브라우저를 사용하여 디버깅

2. vscode에서 JavaScript 실행 환경 구성

이 문서에서는 주로 두 번째 방법을 소개합니다.

구성 단계:

1. 는 JavaScript 실행 환경입니다)

Node.js 공식 웹사이트 또는 중국 웹사이트

2에서 찾을 수 있습니다. 2. vscode 구성

vscode에서 "디버그" 버튼을 클릭하여 launch.json 파일을 엽니다(또는 Ctrl을 사용하세요) +Shift+P를 눌러 실행 .json 입력)

Add

"version": "0.2.0",
    "configurations": [{
            "name": "Launch",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/1.js",
            "stopOnEntry": false,
            "args": [],
            "cwd": "${workspaceRoot}",
            "runtimeExecutable": null,
            "runtimeArgs": ["--nolazy"],
            "env": { "NODE_ENV": "development" },
            "externalConsole": false,
            "preLaunchTask": "",
            "sourceMaps": false,
            "outDir": null
        },
        {
            "name": "Attach",
            "type": "node",
            "request": "attach",
            "port": 5858
        }
    ]

참고: ${workspaceRoot}는 현재 프로그램 작업의 절대 경로입니다.

3. 디버깅

새 js 파일을 만들고 launch.json의 프로그램에서 1.js를 디버깅하려는 파일 이름으로 변경한 다음 변경된 파일을 절대 경로 아래에 넣습니다.

(function name(params) {
    console.log("message");
})();

F5를 사용하여 디버깅하고 get

node --debug-brk=37692 --nolazy Untitled-1.js
Debugger listening on [::]:37692
message

디버깅 성공

관련 권장 사항: vscode 튜토리얼

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